SaaSHub helps you find the best software and product alternatives Learn more β
Top 23 Tailwind Open-Source Projects
-
daisyui
πΌ πΌ πΌ πΌ πΌ βThe most popular, free and open-source Tailwind CSS component library
-
-
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.
-
-
TW-Elements
ππͺππ collection of Tailwind MIT licensed (free) components, sections and templates π
-
-
tamagui
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
HyperUI
Free Tailwind CSS components for application UI, ecommerce and marketing with support for dark mode, RTL and Alpine JS π
-
twin.macro
π¦ΉββοΈ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
-
-
BioDrop
Connect to your audience with a single link. Showcase the content you create and your projects in one place. Make it easier for people to find, follow and subscribe.
-
material-kit-react
React Dashboard made with Material UIβs components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other
-
-
-
-
material-tailwind
@material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
-
tailwind-landing-page-template
Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React / Next.js. Made by
-
tail-kit
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 3.0.
-
-
ts-nextjs-tailwind-starter
π Next.js + Tailwind CSS + TypeScript starter and boilerplate packed with useful development features
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
Project mention: Styling your Dart Jaspr website with Tailwind CSS and DaisyUI | dev.to | 2024-05-27Luckily, we have DaisyUI, a component library built on top of Tailwind CSS, providing ready-made components and a variety of themes. It significantly simplifies the process of creating beautiful UI elements.
Well if you want to check out the project you have here: π Docs website π¦ Github repo
We can select our favorite button component from the component library list of the project awesome-tailwindcss. Its html is as follows
There is a (hillariously named) alternative noodle [1] that aims to compete in this space. It is under development but looks polished.
[1] https://noodle.run
You can check out the site for Tamagui here.
Flowbite
I've started My Open Source Journey by Contributing to one of their Open Source project LinkFree (Currently Known as BioDrop) and the Community members Helped me in that process!
GitHub: 4.6k stars License: MIT
We're locking on this specific version of Tailwind CSS to prevent this bug β it should be addressed in NativeWind v4, but more on that later.
Project mention: How to Create an Awesome Landing Page π» π± with Tailwind CSS(Step-by-Step guide) | dev.to | 2023-11-16Material Tailwind takes the essence of Tailwind CSS and offers a suite of pre-built, elegant components that adhere to modern design standards. It's like having a set of building blocks, ready to be assembled, but with the flexibility to be customized on the go. Developers can instantly implement components like buttons, modals, and cards with Material Tailwind, skipping the foundational design steps.
More info/download
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
Tailwind related posts
-
10+ Free Tailwind CSS Templates
-
HydePHP - According to GPT-4o
-
Show HN: An IMDB Clone
-
Tailwind CSS for frontend teams: From settings to rules
-
Show HN: Open Source TailwindCSS UI Components
-
Show HN: Added Shadcn UI components to my neobrutalism component collection
-
Getting started with NativeWind: Tailwind for React Native
-
A note from our sponsor - SaaSHub
www.saashub.com | 28 May 2024
Index
What are some of the best open-source Tailwind projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | daisyui | 31,308 |
| 2 | omi | 12,937 |
| 3 | awesome-tailwindcss | 12,871 |
| 4 | TW-Elements | 12,714 |
| 5 | noodle | 11,414 |
| 6 | tamagui | 10,190 |
| 7 | tailblocks | 8,566 |
| 8 | HyperUI | 8,543 |
| 9 | twin.macro | 7,816 |
| 10 | flowbite | 7,116 |
| 11 | BioDrop | 5,738 |
| 12 | material-kit-react | 5,201 |
| 13 | skeleton | 4,623 |
| 14 | nativewind | 4,320 |
| 15 | jetstream | 3,895 |
| 16 | twind | 3,705 |
| 17 | FigmaToCode | 3,515 |
| 18 | material-tailwind | 3,396 |
| 19 | mailwind | 3,165 |
| 20 | tailwind-landing-page-template | 3,209 |
| 21 | tail-kit | 2,870 |
| 22 | tailwindcss-intellisense | 2,695 |
| 23 | ts-nextjs-tailwind-starter | 2,706 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com