UI Playbook

The documented collection of UI components

5.0
โ€ข1 reviewโ€ข

23 followers

UI Playbook is an effort to document common UI components, their functionality, best practices, accessibility requirements, and examples.
UI Playbook gallery image
UI Playbook gallery image
UI Playbook gallery image
Launch tags:
Design Toolsโ€ขOpen Sourceโ€ขUser Experience
Launch Team

What do you think? โ€ฆ

Rauno Freiberg
Hey hunters! ๐Ÿ‘‹ A big thank you to @chrismessina for the hunt! ๐Ÿ™ Iโ€™m a software engineer from Estonia, currently building a design system at Veriff. While kick-starting my first design system, most of the time I would reference other design systems for inspiration and direction, only to find varying implementations of a single user interface pattern. There was no centralized specification as to how a certain component should be implemented or behave, which would have made my life a lot easier by being aware of various pitfalls and intricacies. UI Playbook is an attempt to spec common UI components based on my learnings regarding the aforementioned things. It is not meant to be โ€œjust another UI kitโ€, but rather a guideline or recipe book for folks wanting to implement certain components. Everything in UI Playbook is related to my personal experience and findings, and I may be missing certain aspects โ€” so I invite you to improve this, and hopefully, the next person tasked with building a design system will find this somewhat useful! If you'd like to dig into the source code or make improvements, feel free to use GitHub to do so: https://github.com/raunofreiberg... โœŒ๏ธ
Martin Kikkas
This tool seems super useful for designers when considering different UI components and understanding their behavior. Love the simplicity of the interface and the microcopy โœŒ๏ธ
Rauno Freiberg
@martinkikkas I'm happy to hear that this proves itself to be useful to not only developers, but also designers! Thanks for the kind words! โœŒ๏ธ
Cesar Zeppini
Design systems nowadays are a must to build a scalable product, and to have such a reference is amazing! I wish I had that years ago already :D great job and keep going!
Rauno Freiberg
@cesarzeppini Absolutely! I'm hoping that this will help others down the same road. Thanks! โœŒ๏ธ