panache
design-system
panache | design-system | |
---|---|---|
1 | 2 | |
4 | 723 | |
- | 0.3% | |
0.0 | 9.2 | |
about 3 years ago | 6 days ago | |
TypeScript | TypeScript | |
- | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
panache
-
I made a library for writing CSS as React components, inspired by Styled Components. It comes with additional features such as responsive CSS variables, composable styles, first class media support and type-safe styles.
Also check it out on Github: https://github.com/oscarpas/panache
design-system
-
How do you guys add Styles to your React project
This one just has a couple variants I've done, but you can add as many as you want. My dev mentor is a Senior who works on the design system at Priceline and showed me how. You can find the docs for it here: https://priceline.github.io/design-system/
-
5 Underrated React Design Systems for 2021
Github
What are some alternatives?
compiled-css-in-js - A familiar and performant compile time CSS-in-JS library for React. [Moved to: https://github.com/atlassian-labs/compiled]
uswds - The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
ring-ui - A collection of JetBrains Web UI components
atomize - Design System for developers build on styled-components & React JS.
design-system - Masala Design System (MDS) is an open-source design system built at Innovaccer. This is a simple and customisable component library to build faster, beautiful, and more accessible React applications on the guidelines and principles of Masala Design System.
design-system-react - Salesforce Lightning Design System for React
rebass - :atom_symbol: React primitive UI components built with styled-system.
SauceKudasai - Get Anime info by image or URL (uses trace.moe and Anilist for animeinfo)
saas-ui - The React component library for startups, built with Chakra UI.
styled-system - ⬢ Style props for rapid UI development
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript