Our great sponsors
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
-
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.
-
primitives
Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos.
-
stitches
[Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
lately, vanilla extract for styles and radix ui for primitives where needed
My team currently uses styled-components and I like it because it's plain css and very clean and modular. The only downside was that it was very difficult to unit test at first.
lately, vanilla extract for styles and radix ui for primitives where needed
Stitches with Radix UI and some Reach UI. I'm always surprised I don't see more people using that workflow. Feels like the best of both worlds without the bloat.
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/
Related posts
- Growth Hacking Killed GitHub Stars
- npm ERR! Cannot read properties of null (reading 'edgesOut') | Error when installing a package on a reactjs project
- 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?
- What's Your Preferred CSS-in-JS Styling Method?
- Need some help