SaaSHub helps you find the best software and product alternatives Learn more โ
Top 23 Tailwindcss Open-Source Projects
-
-
shadcn/ui
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
-
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.
-
daisyui
๐ผ ๐ผ ๐ผ ๐ผ ๐ผ โThe most popular, free and open-source Tailwind CSS component library
-
-
headlessui
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
-
-
-
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.
-
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!
-
Plausible Analytics
Simple, open source, lightweight (< 1 KB) and privacy-friendly web analytics alternative to Google Analytics.
-
taxonomy
An open source application built using the new router, server components and everything new in Next.js 13.
-
-
-
-
TW-Elements
๐๐ช๐๐ collection of Tailwind MIT licensed (free) components, sections and templates ๐
-
sage
WordPress starter theme with Laravel Blade components and templates, Tailwind CSS, and a modern development workflow
-
-
-
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.
-
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
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
If you are also one of the developers who use Tailwind CSS to create web apps and sites then you should know these 10 Tailwind CSS names. because it will save you a lot of time.
Pick any open source project, begin with reviewing the file structure to understand the project configuration. You will find all sorts of folders and files related to tooling. Shadcn-ui/ui uses Turbo for its monorepo architecture. It is evident from the existence of turbo.json file and the commands used in โscriptsโ in package.json.
Cal.com is an open-source event-juggling scheduler for everyone, and is free for individuals.
Project mention: Deploy Full-Stack Next.js T3App with Cognito and Prisma using AWS Lambda | dev.to | 2024-04-15import { unstable_noStore as noStore } from "next/cache"; import Link from "next/link"; import { CreatePost } from "~/app/_components/create-post"; import { getServerAuthSession } from "~/server/auth"; import { api } from "~/trpc/server"; export default async function Home() { noStore(); const hello = await api.post.hello.query({ text: "from tRPC" }); const session = await getServerAuthSession(); return (
Create T3span> App h1>
First Steps โh3>
Just the basics - Everything you need to know to set up your database and authentication. div> Link>Documentation โh3>
Learn more about Create T3 App, the libraries it uses, and how to deploy it.div> Link> div>{hello ? hello.greeting : "Loading tRPC query..."}p>
{session && Logged in as {session.user?.email}span>} p> {session ? "Sign out" : "Sign in"} Link> div> div> div> main> ); } async function CrudShowcase() { const session = await getServerAuthSession(); if (!session?.user) return null; const latestPost = await api.post.getLatest.query(); return (
{latestPost ? (Your most recent post: {latestPost.name}p> ) : (
You have no posts yet.p> )} div> ); }
Project mention: Lenster a decentralized and permissionless social media app | news.ycombinator.com | 2023-05-25
Go to App | Docs
Project mention: Ask HN: Founders who offer free/OS and paid SaaS, how do you manage your code? | news.ycombinator.com | 2024-05-13Iโm building an Open Source multi-tenant email newsletter tool [1] and the project is entirely AGPLv3 licensed. I have automatic builds from the `main` branch that I deploy to the SaaS version while public Docker images are available only for tagged releases.
There is currently no difference between the self-hosted and the SaaS version, but I am planning two things:
1) An env variable `IS_SELF_HOSTED` which, when set to `false`, toggles certain features like billing (currently enabled via a separate env variable and theoretically available to self-hosters) and includes hard-coded stuff like a footer with links to the official project website and our ToS.
2) Add a registration feature for self-hosters who make a donation. I havenโt fully planned out this feature, but if a self-hosted instance is registered by a paid supporter, it will most likely remove a call for becoming a supporter (that is yet to be added) or give them a supporter badge.
Choosing the AGPLv3 has been partially inspired by Plausibleโs very successful model [2]. Theyโre also using a `SELFHOST` env variable to differentiate between their "Enterprise Edition" and the "Community Edition" [3].
[1] https://www.keila.io
[2] https://plausible.io/blog/open-source-licenses
[3] https://github.com/plausible/analytics/blob/baa99652f612f50b...
I am building this app with inspiration from Taxonomy and Acme corp so a lot of the design comes from there.
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
Project mention: Sage โ Advanced WordPress Starter Theme with Tailwind CSS and Laravel Blade | news.ycombinator.com | 2024-03-26
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
I've built a starter in Nextjs 14 with auth: https://github.com/ixartz/Next-js-Boilerplate
Flowbite Svelte is an open-source UI library built with Svelte components and Tailwind CSS. It provides over 58 UI components and interactive elements built with Svelte and Flowbite. It comes with well-organized documentation, where you can see the code sample and preview the components for responsive sizes: desktop, tablet and smartphone. You can also switch light/dark modes and RTL/LTR text direction. The code looks quite straightforward and the components are styled very neat.
Project mention: How I fixed this Next.js error: Refused to load the script because it violate Content Security Policy directive | dev.to | 2024-05-16Recently, I migrated my portfolio website: ramunarasinga.com to Next.js using leerob.io template and wanted to integrate Microsoft clarity with Next.js.
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 related posts
-
10 Tailwind CSS Classes Save Your Time
-
Phoenix Liveview components for Shadcn UI
-
HydePHP - According to GPT-4o
-
I Don't Want to Spend My One Precious Life Dealing with Google's AI Search
-
I wrote a new blog using Next.js App router
-
10+ UI Libraries for Svelte to Try in 2024
-
StoryBlobs: An adventure with Netlify Blobs
-
A note from our sponsor - SaaSHub
www.saashub.com | 20 May 2024
Index
What are some of the best open-source Tailwindcss projects? This list will help you:
| Project | Stars | |
|---|---|---|
| 1 | Tailwind CSS | 78,889 |
| 2 | shadcn/ui | 58,619 |
| 3 | daisyui | 31,195 |
| 4 | cal.com | 29,012 |
| 5 | headlessui | 24,544 |
| 6 | create-t3-app | 23,617 |
| 7 | hey | 22,508 |
| 8 | Reactive-Resume | 20,162 |
| 9 | Plausible Analytics | 18,560 |
| 10 | taxonomy | 17,662 |
| 11 | tremor | 15,387 |
| 12 | omi | 12,931 |
| 13 | awesome-tailwindcss | 12,801 |
| 14 | TW-Elements | 12,694 |
| 15 | sage | 12,545 |
| 16 | noodle | 11,387 |
| 17 | drawdb | 10,976 |
| 18 | HyperUI | 8,504 |
| 19 | cv | 8,363 |
| 20 | twin.macro | 7,811 |
| 21 | Next-js-Boilerplate | 7,407 |
| 22 | flowbite | 7,077 |
| 23 | leerob.io | 6,917 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com