CSS
Cascading Style Sheets, baby! This doc is a collection of CSS and component libraies.
Classless CSS libraries
CSS-in-JS
- stitches
- Linaria - css-in-js with no runtime overhead.
- panda-css - typesafe css-in-js. like linaria or stitches, but type-aware.
- Emotion
- styled-components
Design Systems / Component Libraries
- Material UI
- Fluent
- Spectrum
- Ant Design
- Semantic UI
- Chakra
- Theme UI (kinda) - what this site is using.
- Industrial UI - for Shop Floor/industrial applications.
- React 95
- bumbag
- Mantine
- Precise UI from ZEISS
- Vecha
- Fluent UI (microsoft)
- Baseweb from Uber
- Formation
- Elastic UI
- Primer - from GitHub
- cloudscape.design - from AWS
- headless ui
- Vercel - geist
- radix-ui
- next-ui
- shoelace - not react-specific
- arwes.dev - sci-fi components
- neobrutalism components
- react spectrum - from adobe. includes/encompasses
react-aria
, which is a great library for unstyled/composed accessible react components. - wedges
- PrimeReact - very complete UI library.
- pico - minimal css library. Basically a reset with awesome defaults.
- nativebase - cross platform react/react native components
- gluestack - cross platform react/react native components
- shadcn - copy/paste-y approach, but kind bangs.
- park ui - inspired by shadcn, but built on panda css + ark ui instead of tailwind.
- aceternity ui - incredible component library. also follows shadcn/ui approach of copy/paste but with incredible animations n stuff.
- matcha - no build step semantic-html css library.
- wiredjs - cool “hand drawn” component library
Miscellaneous
- open-props
- A Modern CSS Reset - Andy Bell
- gradient.style - Generate cool, modern gradients
Last modified: