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. 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.
-
HyperUI
Free Tailwind CSS components for application UI, ecommerce and marketing with support for dark mode, RTL and Alpine JS π
-
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.
-
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.
-
tail-kit
Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 3.0.
-
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
-
-
ts-nextjs-tailwind-starter
π Next.js + Tailwind CSS + TypeScript starter and boilerplate packed with useful development features
-
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.
Project mention: HTML-first, framework-agnostic implementation of shadcn/UI β franken/UI | news.ycombinator.com | 2024-04-22DaisyUI offers zero-JS components
https://daisyui.com/
I used it for a small form + search result list recently and it works well enough for simple / static stuff.
But I think I'll still be reaching for a JS lib first since I'd miss things like inputs-with-autocomplete too much.
We can select our favorite button component from the component library list of the project awesome-tailwindcss. Its html is as follows
I'd like to share my latest discovery with you. TW Elements is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. It's a huge collection of stunning components made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have dark mode and very intuitive theming options. The project is supported by an engaged community on GitHub, I recommend you check it out and join one of the many discussions. You will find installation instructions here, and you can track the progress of the project live here. The project was kickstarted by @mdbootstrap, a group of open-source developers behind MDB UI Kit - a high-quality UI kit for Bootstrap, and also behind MDB GO - hosting and deployment platform. I highly recommend you to check it out!
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
Project mention: Exploring the Best UI Component Libraries for React Native apps | dev.to | 2024-03-29Tamagui is a UI kit that aims to bridge the gap between React and React Native applications by addressing the fundamental parts of an app, such as styling, theming, and cross-platform components, while keeping app performance in mind. It utilizes an optimizing compiler to significantly improve performance by hoisting objects and CSS at build-time. Its main advantage is that it creates a consistent design system across web and native platforms. Some major highlights of Tamagui are:
TailwindCSS (with 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!
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.
Project mention: Next.js Weekly #11: File upload with Server Actions, RSC vs PHP, React AI hook, Vercel AI Accelerator [Details in comments π] | /r/nextjs | 2023-06-15Free Tailwind landing page template
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
- 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
- Show HN: Overlayed β A Discord Overlay for Mac, Linux, and Windows
- Recommended Linters
- Tailwind Color Palette Generator
- Apple DMA changes - for better or for worse?
-
A note from our sponsor - InfluxDB
www.influxdata.com | 23 Apr 2024
Index
What are some of the best open-source Tailwind projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | daisyui | 30,632 |
| 2 | awesome-tailwindcss | 12,705 |
| 3 | TW-Elements | 12,643 |
| 4 | noodle | 11,311 |
| 5 | tamagui | 9,992 |
| 6 | tailblocks | 8,458 |
| 7 | HyperUI | 8,252 |
| 8 | twin.macro | 7,798 |
| 9 | flowbite | 6,917 |
| 10 | BioDrop | 5,709 |
| 11 | material-kit-react | 5,158 |
| 12 | skeleton | 4,479 |
| 13 | nativewind | 4,158 |
| 14 | jetstream | 3,883 |
| 15 | twind | 3,686 |
| 16 | FigmaToCode | 3,470 |
| 17 | material-tailwind | 3,272 |
| 18 | mailwind | 3,162 |
| 19 | tail-kit | 2,853 |
| 20 | tailwind-landing-page-template | 2,753 |
| 21 | tailwindcss-intellisense | 2,664 |
| 22 | ts-nextjs-tailwind-starter | 2,644 |
| 23 | project_hoobank | 2,382 |
Sponsored
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.
workos.com