The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning. Learn more →
Top 12 CSS / Style Open-Source Projects
-
stitches
[Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
stilr
Encapsulated styling for your javascript components with all the power of javascript and CSS combined.
-
aesthetic
🎨 Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more! (by aesthetic-suite)
Project mention: Gatsby blog: Building SEO-friendly blog with BCMS code starter | dev.to | 2024-03-29The component needs the classname dependency and a search icon which I referenced to work. So install the classname package and download the search icon below.
Over the past few years, I've worked with React apps utilising various CSS-in-JS libraries, starting with styled-components, transitioning through emotion, Theme UI, and finally Stitches. I've also integrated MUI, Mantine, and Chakra in numerous client projects.
There are NPM packages like react-responsive that provide custom hooks for easy usage of Media Queries:
Project mention: Does it make sense to use new NextJS with UI libraries if I have to put "use client" on top of every page in src/app to make CSS-in-JS work and can't use server components? | /r/reactjs | 2023-06-04Kuma UI
CSS / Style related posts
-
Is it okay to split long lists of class names across multiple lines? Why don't you?
-
Creating an Image Upload Modal with Crop and Rotate Functionality in React
-
How does everyone handle responsive layouts?
-
TailwindCSS & Template Literals
-
Dynamic CSS based on props: conditional className or style? (using CSS modules)
-
Why do experienced front-end developers use CSS frameworks?
-
Simplify Your Tailwind CSS Workflow with tailwind-fun
-
A note from our sponsor - WorkOS
workos.com | 30 Apr 2024
Index
What are some of the best open-source CSS / Style projects? This list will help you:
Project | Stars | |
---|---|---|
1 | classnames | 17,360 |
2 | stitches | 7,691 |
3 | react-responsive | 6,919 |
4 | Kuma UI | 1,661 |
5 | react-container-query | 887 |
6 | react-css-components | 677 |
7 | postcss-js | 650 |
8 | inline-style-prefixer | 392 |
9 | stilr | 236 |
10 | aesthetic | 203 |
11 | react-inline-css | 170 |
12 | reactponsive | 14 |
Sponsored