{"repo":"metabrainz/design-system","free":true,"listed":false,"github":"https://github.com/metabrainz/design-system","clone":"git clone https://github.com/metabrainz/design-system.git","description":"A Storybook project for UI development of React components for the MetaBrainz projects","language":"JavaScript","stars":31,"topics":["react","ui-components","storybook","metabrainz","musicbrainz"],"license":null,"category":"ui-components","readme_excerpt":"MetaBrainz Design System About • Guidelines • Contributing • Issues • Support --- About This design system is a living, breathing document that contains all of the building blocks (React components, colors, icons, layout, etc) of the MetaBrainz projects. It aims to be single source of truth for developers and designers. Still a work in progress, always will be. Quick Links - Logo folder - Storybook project - Figma mockups: MetaBrainz, MusicBrainz, CritiqueBrainz, ListenBrainz, ListenBrainz App - Marketing/Comms request form Guidelines - Design - Components - Contributing - Logos - Writing Styleguide Tech stack Building components - 📚 Storybook for UI component development and auto-generated docs - ⚛️ React declarative component-centric UI Maintaining the system - 📦 NPM for packaging and distribution - 🚥 GitHub Actions Continuous integration Why The MetaBrainz design system codifies existing UI components into a central, well-maintained repository. It is built to address having to paste the same components into multiple projects again and again. This simplifies building UI's with MetaBrainz's design patterns. What we're doing - Build and maintain a design system in the open - Share UI components between multiple apps - Welcome contributors of all levels and backgrounds What we're not doing - Rewrite all new components from scratch - Overhaul the visual design of components - Typescript (the consumer apps don't use it) - Compete with more general design systems like ANT or M","default_branch":null,"files":null,"tree":[],"storefront":"/r/metabrainz","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/metabrainz/design-system/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}