GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → raunofreiberg → Ui Playbook

raunofreiberg / Ui Playbook

Licence: mit
The documented collection of UI components 🤓

Programming Languages

typescript
32286 projects

Labels

uidocumentationcomponentsplaybook

Projects that are alternatives of or similar to Ui Playbook

Kit
Tools for developing, documenting, and testing React component libraries
Stars: ✭ 1,201 (+114.08%)
Mutual labels:  documentation, components
X0
Document & develop React components without breaking a sweat
Stars: ✭ 1,706 (+204.1%)
Mutual labels:  documentation, components
Storybook
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Stars: ✭ 67,445 (+11922.28%)
Mutual labels:  documentation, components
Docs
MinIO Object Storage Documentation
Stars: ✭ 488 (-13.01%)
Mutual labels:  documentation
Apiv2 Graphql Docs
AniList API V2 GraphQL Documentation
Stars: ✭ 501 (-10.7%)
Mutual labels:  documentation
Kubeadm Playbook
Fully fledged (HA) Kubernetes Cluster using official kubeadm, ansible and helm. Tested on RHEL/CentOS/Ubuntu with support of http_proxy, dashboard installed, ingress controller, heapster - using official helm charts
Stars: ✭ 533 (-4.99%)
Mutual labels:  playbook
Docusaurus
Easy to maintain open source documentation websites.
Stars: ✭ 29,053 (+5078.79%)
Mutual labels:  documentation
Madr
Markdown Architectural Decision Records
Stars: ✭ 479 (-14.62%)
Mutual labels:  documentation
React View
React View is an interactive playground, documentation and code generator for your components.
Stars: ✭ 544 (-3.03%)
Mutual labels:  documentation
Aspnetcore Doc Cn
The Simplified Chinese edition of Microsoft ASP.NET Core documentation, translated by .NET Core Community and .NET China Community.
Stars: ✭ 527 (-6.06%)
Mutual labels:  documentation
Reakit
Toolkit for building accessible rich web apps with React
Stars: ✭ 5,265 (+838.5%)
Mutual labels:  components
Circleci Docs
Documentation for CircleCI.
Stars: ✭ 501 (-10.7%)
Mutual labels:  documentation
Mineral Ui
A design system and React component library for the web brought to you by CA Technologies.
Stars: ✭ 533 (-4.99%)
Mutual labels:  components
Devextreme Angular
Angular UI and data visualization components
Stars: ✭ 497 (-11.41%)
Mutual labels:  components
Etch
Builds components using a simple and explicit API around virtual-dom
Stars: ✭ 545 (-2.85%)
Mutual labels:  components
Macro Components
Create flexible layout and composite UI components without the need to define arbitrary custom props
Stars: ✭ 485 (-13.55%)
Mutual labels:  components
Laravel Blade X
Use custom HTML components in your Blade views
Stars: ✭ 538 (-4.1%)
Mutual labels:  components
Oas Kit
Convert Swagger 2.0 definitions to OpenAPI 3.0 and resolve/validate/lint
Stars: ✭ 516 (-8.02%)
Mutual labels:  documentation
Typedoc
Documentation generator for TypeScript projects.
Stars: ✭ 5,377 (+858.47%)
Mutual labels:  documentation
Vim Doge
(Do)cumentation (Ge)nerator 10+ languages 📚 Generate proper code documentation skeletons with a single keypress. ⚡️🔥
Stars: ✭ 533 (-4.99%)
Mutual labels:  documentation
View All Similar Projects ➔

image

UI Playbook

WIP

UI Playbook is an effort to document common UI components, their functionality, best practices, accessibility requirements, and examples.

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 📖

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 🖤 !

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].