Look for more options here: https://www.tailwindawesome.com
- Radix
Beautifully designed, expertly crafted components and templates, built by the makers of Tailwind CSS. The perfect starting point for your next project.
- Kind: markup & React components
- Free & Paid elements
- Responsive
- No dark mode
- Sizes (too many IMO)
- Top UI quality
- No popup/tooltip examples 🤔 Fortunately, there're other sources like https://flowbite.com/docs/components/tooltips/
^ Leaning to this one
The most popular, free and open-source Tailwind CSS component library
- Kind: markup & JSX
- 15K stars
- Actively developed
- Free
- Responsive
- No dark mode
- Sizes
- Good UI quality
- Cartoonish feel (many elements are oversized)
- No UI + Logic elements, e.g. Select vs Dropdown saadeghi/daisyui#1162
- Bad accessibility, barebone functionality (https://www.youtube.com/watch?v=ej7KaY4KpDI)
^ Might be a good reference point
The approach of Daisy UI violates https://tailwindcss.com/docs/reusing-styles#compared-to-css-abstractions
Even if you create classes for the different elements in a component like this, you still have to duplicate the HTML every time you want to use this component. Components and template partials solve this problem much better than CSS-only abstractions because a component can encapsulate the HTML and the styles.
Another reason this approach is bad: all styles are bundled for each page, even if they're not used there.
Pixel perfect mobile UI components built with Tailwind CSS.
- 1,3K stars
Material Tailwind is an easy to use components library for Tailwind CSS and Material Design.
- 1.2K stars
HyperUI is a large collection of free Tailwind CSS components for marketing, ecommerce and application UI.
- Kind: markup
- 3.4K stars
- Responsive
- Partial Dark mode
- No sizes
- Average UI quality
Meraki UI is Tailwind CSS Components That Support RTL Languages & Fully Responsive Based On Flexbox & CSS Grid with elegant Dark Mode.
- Kind: markup
- 1.5K stars
- Responsive (buggy)
- No Dark mode
- No sizes
- Average UI quality
Start developing with an open-source library of over 450+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.
- Kind: markup + components
- 2.9K stars
- Free & Paid elements
- Responsive
- Dark mode
- Sizes (too many IMO)
- Average UI quality
- React version lacks many elements: no SearchSelect/Comboboxes etc.
^ Might be a good reference point.
Bootstrap components recreated with Tailwind CSS, but with better design and more functionalities.
- 9.8K stars
- Looks dead
Mamba UI is a free and open-sourced UI kit with 150+ Tailwind CSS components and templates.
- 306 stars
- Not very active
A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS. Pre-designed headless ui and radix-ui.
- Kind: components
- 1.1K stars
- Looks dead
- Free elements
- Responsive
- No dark mode
- Sizes (too many)
- Average UI quality (a lot of bugs)
Tail-kit gives you access to over 250 free components and free templates, based on Tailwind CSS 2.0. It's all compatible with React, VueJS and Angular application.
- Kind: markup
- 2.4K stars
- Looks dead
- Free elements
- Responsive
- No dark mode
- No sizes
- Average UI quality
Build captivating experiences with accessible, fully responsive, drop-in-ready Tailwind CSS components and fast track your workflow. Get started FREE with 250 COMPONENTS
- Below average UI quality (:vomit:)
Ready to use Tailwind CSS UI Components, Blocks, Sections, and Templates. Choose from 400+ diverse UI components, copy-paste UI components code, and build your unique web app user-interface, landing page, website, or template faster.
- Free and paid elements
- No sizes
- Average UI quality
Or pay $119/year for everything
- Average quality
Nope, thanks. Overpriced cr*p.
- Comically bad quality for a paid product 😆
- Nothing's good there. Skip.