Styled Components vs Tailwind vs Plain Ol' CSS

• panda

  12 4,726 9.9 TypeScript

  🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️

  

from the creators of chakra ui, https://panda-css.com joins both great DX and great performance. I’m loving it

• shadcn/ui

  141 57,417 9.3 TypeScript

  Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

  

By using Tailwind CSS, you’ll reduce your bundle sizing in contrast to using CSS modules. Also, I’d encourage you to take a look at Shadcn.

• SurveyJS

  surveyjs.io featured

  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.

  

• rewindui

  35 615 8.8 TypeScript

  A React component library for building modern web applications using Tailwind CSS.

  

I am using TailwindCSS in combination with CVA library. This way you can easily create stateful clean styles. I have recently open-sourced my UI library so you can take a look at it here to get some ideas: https://github.com/rewindui/rewindui

• bau

  7 56 9.7 JavaScript

  Reactive library and components for building web user interface

  

I built a css-in-js library under 33 lines of code: bau-css, 25 times smaller than styled-component, it is also much faster as no CSS parsing into an AST is performed. This is accomplished by using the css nested feature of modern browser.

Suggest a related project