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. Learn more →
Top 23 tailwind-css Open-Source Projects
-
filament
A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS. (by filamentphp)
-
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.
-
-
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.
-
Next-js-Boilerplate
🚀🎉📚 Boilerplate and Starter for Next.js 14+ with App Router and Page Router support, Tailwind CSS 3.4 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Testing Library + Cypress + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS
-
tailwind-nextjs-starter-blog
This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.
-
tailwind-starter-kit
Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source
-
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.
-
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-dashboard-template
Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React. Made by
-
admin-one-vue-tailwind
Free Vue.js 3.x Tailwind 3.x admin dashboard template with dark mode. Vite builds. Pinia state. Laravel integration available
-
Next-JS-Landing-Page-Starter-Template
🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 14 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
-
nextjs-tailwind-ionic-capacitor-starter
A starting point for building an iOS, Android, and Progressive Web App with Tailwind CSS, React w/ Next.js, Ionic Framework, and Capacitor
-
-
-
tailwind-ui-components
Free Tailwind CSS UI Components - Crafted for modern websites, landing pages and web apps. TailGrids Core is free and open-source so, feel free to use with your personal or commercial projects. If you would like to show your support and love, don't forget to give us a star 🌟
-
-
Tailwind-Styled-Component
Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering
-
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.
FilamentPHP is a full-stack web development tool, also called TALLKit, as it brings together the 4 knights of TALLStack (Tailwind, Alpine.js, Laravel, Livewire).
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!
I've built a starter in Nextjs 14 with auth: https://github.com/ixartz/Next-js-Boilerplate
Inspired by tailwind-nextjs-starter-blog
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: Top 7+ Free Tailwind React Admin Dashboard Templates for 2024 | dev.to | 2023-12-07✅ Download Mosaic Lite (Github): tailwind-dashboard-template
Just update my free and open source Next.js Landing Page template to version 14 without any issue: https://github.com/ixartz/Next-JS-Landing-Page-Starter-Templ...
Project mention: Setting up Django in a Better Way in 5 Minutes and Understanding How It Works | dev.to | 2023-11-13Most of our installation is done but we haven't configured Tailwind yet. django-tailwind is already installed with the required Python packages but we'll need to compile this to fully setup Tailwind and make it ready to work in our local development environment.
Sailboat UI is a modern Tailwind CSS component library that provides a rich set of 150+ components for building apps and products. Each component comes with several variations to choose from depending on your needs.
Project mention: Light UI component library but as good as MUI (or atleast close to it)? | /r/reactjs | 2023-07-03do you mean react.daisyui.com? it only have 6k~ npm downloads that's why I didn't actually think anybody actually mean it when they say that they are using daisyUI
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).
The latest post mention was on 2024-04-17.
tailwind-css related posts
- Show HN: Open Source TailwindCSS UI Components
- The power of FilamentPHP - EN
- The Bulma CSS framework reaches 1.0
- Exploring the DEV.to API to Build a Blog
- FilamentPHP: The feature-rich toolkit fire/supa/pocket/BaaS/base alternative
- Ask HN: Any tools like FilamentPHP but in front end?
- O poder do FilamentPHP
-
A note from our sponsor - SurveyJS
surveyjs.io | 19 Apr 2024
Index
What are some of the best open-source tailwind-css projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | daisyui | 30,461 |
| 2 | filament | 13,906 |
| 3 | TW-Elements | 12,643 |
| 4 | twin.macro | 7,798 |
| 5 | Next-js-Boilerplate | 7,100 |
| 6 | tailwind-nextjs-starter-blog | 6,916 |
| 7 | tailwind-starter-kit | 5,642 |
| 8 | material-tailwind | 3,272 |
| 9 | tail-kit | 2,852 |
| 10 | tailwind-dashboard-template | 2,051 |
| 11 | admin-one-vue-tailwind | 1,962 |
| 12 | tailwind-config-viewer | 1,872 |
| 13 | Next-JS-Landing-Page-Starter-Template | 1,611 |
| 14 | nextjs-tailwind-ionic-capacitor-starter | 1,546 |
| 15 | headwind | 1,360 |
| 16 | django-tailwind | 1,346 |
| 17 | Landing-Page | 1,178 |
| 18 | sailboatui | 1,152 |
| 19 | tailwindo | 1,071 |
| 20 | react-spring-bottom-sheet | 906 |
| 21 | tailwind-ui-components | 888 |
| 22 | react-daisyui | 828 |
| 23 | Tailwind-Styled-Component | 799 |
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