SaaSHub helps you find the best software and product alternatives Learn more β
Top 23 Tailwindcss Open-Source Projects
-
For this project, I used PureScript + React + Tailwind css + shadcn/ui components. I assume youβve heard of the first two (if not, see PureScript overview). The other two are blessings for the copy-paste-driven development.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
shadcn/ui
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
In case anyone finds this who is also interested: I just stumbled upon an implementation of shadcn/ui components with css modules that looks pretty solid: https://github.com/qwalker8408/shadcn-css/tree/main
Hopefully something like this will be made official - at least there is some discussion going on in the shadcn/ui repo: https://github.com/shadcn-ui/ui/discussions/2832
-
daisyui
πΌ πΌ πΌ πΌ πΌ βThe most popular, free and open-source Tailwind CSS component library
-
4. Cal Open Scheduling Infrastructure
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
-
Project mention: Neon Meets `create-t3-app`: The PostgreSQL Solution for Modern Developers | dev.to | 2024-09-01
As developers, we understand the importance of having a reliable and flexible starter kit to kickstart our projects. The create-t3-app CLI tool has become a beloved choice for many in the developer community, boasting over 24.7k stars on GitHub. This popularity is a testament to its effectiveness in helping developers build full-stack TypeScript applications with ease. Instead of starting from scratch to create a new CLI tool, it makes perfect sense to build on top of such a well-established and widely adopted project.
-
-
Reactive-Resume
A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
-
I'm working on https://github.com/drawdb-io/drawdb trying to optimize the editor and have it lag less when the number of tables increases. Also have some highly requested features I'd like to implement before launching on Product Hunt.
Then I wanted a change of pace and started on something so ambitious that it's stupid... I'm trying to make a web browser from scratch I guess. So far tokenizing the html is going fine but I'm not sure how far I'll be able to get.
-
Plausible Analytics
Simple, open source, lightweight (< 1 KB) and privacy-friendly web analytics alternative to Google Analytics.
3. Plausible Analytics
-
taxonomy
An open source application built using the new router, server components and everything new in Next.js 13.
I am building this app with inspiration from Taxonomy and Acme corp so a lot of the design comes from there.
-
-
Awesome Tailwind CSS - A list of awesome things related to Tailwind CSS.
-
Well if you want to check out the project you have here: π Docs website π¦ Github repo
-
TW-Elements
ππͺππ collection of Tailwind MIT licensed (free) components, sections and templates π
3. Tailwind Elements A free collection of essential elements and components designed with Tailwind for modern websites. Tailwind Elements:
-
sage
WordPress starter theme with Laravel Blade components and templates, Tailwind CSS, and a modern development workflow
What's the best skeleton theme to build your own theme on in 2024, that supports Full site editing, Gutenberg etc?
After a decade away from WP I wanted to set up a new site. The default 2024 theme doesn't meet my needs, and I couldn't find a modern skeleton theme where I could add in Tailwind and build what I wanted. I've used https://roots.io/sage/ previously but they're moving further and further away from the WP way of doing things.
-
-
HyperUI
Free Tailwind CSS components for application UI, ecommerce and marketing with support for dark mode, RTL and Alpine JS π
Project mention: Build Your Application Faster with These TailwindCSS Components Libraries | dev.to | 2024-09-04Hyper UI (Free)
-
magicui
UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.
5. Magic UI
-
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 + Drizzle ORM + Husky + Lint-Staged + Vitest + Testing Library + Playwright + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS β¨
Project mention: Show HN: PGlite β in-browser WASM Postgres with pgvector and live sync | news.ycombinator.com | 2024-08-12Huge fan of PGlite.
It's the perfect solution to have Postgres without the need of Docker. With just `npm install`, you can have a Postgres instance on your computer. So, it's extremely easy to onboard a new developer in your team.
And, the good news, PGlite works perfectly with Next.js.
I'm using PGlite in local and development environment with Next.js Boilerplate: https://github.com/ixartz/Next-js-Boilerplate
-
-
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.
-
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).
Tailwindcss discussion
Tailwindcss related posts
-
Flyon UI β Free Tailwind Components Library
-
Guide to build a modern Web App using Next.js 14 (App Router), NextAuth, Theming, Tailwind CSS, and i18n
-
How to make a quick and pretty PureScript web app
-
15+ Top React Header Components to use in 2024
-
Easiest Way to Build a RAG AI Agent Application
-
Essential Resources for Frontend Developers: Links You Canβt Live Without
-
HydePHP Explores AI in a Mind-Blowing Podcast Episode Generated by Artificial Intelligence
-
A note from our sponsor - SaaSHub
www.saashub.com | 4 Oct 2024
Index
What are some of the best open-source Tailwindcss projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Tailwind CSS | 82,264 |
| 2 | shadcn/ui | 70,670 |
| 3 | daisyui | 33,350 |
| 4 | cal.com | 31,688 |
| 5 | headlessui | 25,790 |
| 6 | create-t3-app | 25,056 |
| 7 | hey | 23,257 |
| 8 | Reactive-Resume | 23,023 |
| 9 | drawdb | 19,998 |
| 10 | Plausible Analytics | 19,891 |
| 11 | taxonomy | 18,406 |
| 12 | tremor | 16,130 |
| 13 | awesome-tailwindcss | 13,378 |
| 14 | omi | 13,042 |
| 15 | TW-Elements | 12,859 |
| 16 | sage | 12,720 |
| 17 | noodle | 11,964 |
| 18 | HyperUI | 9,651 |
| 19 | magicui | 9,564 |
| 20 | Next-js-Boilerplate | 8,949 |
| 21 | cv | 8,885 |
| 22 | twin.macro | 7,904 |
| 23 | flowbite | 7,690 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com