Based Mobile: Social UI Kit for Sketch

UI Kit for feeds on iOS, Android and Web

Reviews

Discussion

You need to become a Contributor to join the discussion - Find out how.
Joshua Tilton
Maker
@uijudo
Thanks for sharing this Alex!I started to work on Based Mobile to create a nice Symbol driven framework for mobile. With Based Mobile, I created a Bootstrap-eque system that stays close to native iOS and Android. My hope is that this provides a great starting point for Sketch users to quickly put together a great prototype for their apps. This can be a core template for starting social mobile apps. It comes in both light and dark versions. Based is ready for data! Change Symbols and content on the fly within the Symbols panel in Sketch. Easily swap out different states for each activity or combine different blocks and icons - the options are vast. You also don’t have to worry about content changing height- the AutoLayout plugin magically adjusts everything for you! Check it out:
PS: Make sure you have installed the San Francisco fonts Apple uses for iOS: https://developer.apple.com/fonts/
Wout Laban@woutlaban · growth hacker at Gibbon
@uijudo Ah sweet, was looking for the right fonts ;-) Thanks for the update.
Joshua Tilton
Maker
@uijudo
@woutlaban No problem! I should have included that bit of information in the Readme!
tschellenbach
Maker
@tschellenbach · CEO GetStream.io
Love the work our designer Josh did on this one. The previous UI kit was featured on Product Hunt 9 months ago and got so much good feedback that we decided to do a mobile one focused purely on social. For reference here's the first UI kit: https://www.producthunt.com/post...
Thomas Høgenhaven@thogenhaven
This seems excellent at first glance. We are regularly building new products and features with activity feeds and streams - this is going to make the process way faster. Any plans to create a similar kit for Adobe XD? Thanks!
Joshua Tilton
Maker
@uijudo
@thogenhaven Thanks for the feedback! Unfortunately I don't have any plans on porting it to Adobe XD right now. Maybe in the future as demand grows!
Wout Laban@woutlaban · growth hacker at Gibbon
Hey @uijudo great kit, thanks. I see you used a lot of the - by now - standard UI elements for a social feed. What do you think will be the next generation of user interactions in social feeds. Thinking about Instagram stories, live videos etc. What is key for a designer to keep in mind for the future?
Joshua Tilton
Maker
@uijudo
@woutlaban Right now, I think Flyr is absolutely crushing the next gen aspect of social. Watch them, they are going to be huge. I have plans for a version that is more on the cutting edge of social. I'll likely base it around music to have a nice theme. Thanks for your feedback!
Wout Laban@woutlaban · growth hacker at Gibbon
@uijudo Awesome, looking forward and will check them out for sure!
tschellenbach
Maker
@tschellenbach · CEO GetStream.io
@woutlaban @uijudo you might also enjoy this blogpost: https://blog.getstream.io/13-tip...
John Doherty@dohertyjf · Founder, Credo (GetCredo.com)
Passing this along to my wife who is a designer....
Joshua Tilton
Maker
@uijudo
@dohertyjf Thank you!