Baike.dev
All toolsOnline toolsAI codingTrendingOpen sourceNewsSubmit
Log in
< Back to tools
U

ui-playbook

> 编程语言
Open source

The documented collection of UI components

1.4K stars0 likes0 views
WebsiteGitHub

About

The documented collection of UI components

Motivation

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 document common UI components based on learnings regarding the aforementioned things. This may or may not prove itself to be helpful to others, and I might be missing certain aspects — so I invite you to improve this and hopefully the next person tasked with building a component library will find this somewhat useful! ✌️

Plays

  • Tooltip
  • Button
  • Select
  • Notification
  • TextField
  • Avatar
  • Checkbox
  • Motion
  • Popover

Contributing

Wish to submit a new component for UI Playbook? Read our contributing guide for some ideas on how to do so.

Support

I work on this project in my spare time, so if you'd like to show support, you can do so by buying me a coffee !

Issues· 0 open

View all issuesOpen on GitHub

No open issues yet, or sync has not completed.

> Tags

TypeScriptcomponentsdocumentationplaybookui

No comments yet. Be the first to share.

> Details

PublishedAug 1, 2026
UpdatedSep 17, 2026
Category编程语言
PricingOpen source

> Related tools

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言