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 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
Project mention: E-commerce checkout components built with Tailwind CSS and Flowbite | dev.to | 2024-05-07Tailwind CSS
Project mention: Wasp x Supabase: Smokinβ Hot Full-Stack Combo πΆοΈΒ π₯ | dev.to | 2024-05-08Check out the beautiful UI crafted by ShadCN over at the deployed version of our app β sign in with Google and get some sweet cards! Plus, the entire project is open source. Grab the code from GitHub.
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.
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
I think a single Google Analytics alternative is pretty hard to pick considering that GA can be used to very much varying extents.
For simple and "detailed enough" insights, I enjoyed using Plausible (https://plausible.io/) in the past.
For more in depth analytics that give you a detailed view into your own product, PostHog.com seems to be by far the best and most popular option out there.
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
TailwindCSS (with Flowbite)
Project mention: Upgrade my blog to Next.js 13.4 with MDX, Prisma, Tailwindcss, Planetscale, Giscus and Contentlayer | /r/nextjs | 2023-07-19Shen Lu's portfolio, inspired by leerob.io.
Tailwindcss related posts
-
Open-Source Components for TailwindCSS
-
E-commerce checkout components built with Tailwind CSS and Flowbite
-
Hanami and HTMX - progress bar
-
Qu'est-ce qu'un projet MERN Stack et comment crΓ©er une application CRUD avec? Partie 2/2, Tutoriel
-
Tailwind CSS for frontend teams: From settings to rules
-
Shadcn UI: A Developer's Delight (My Experience)
-
How to Build Your Own ChatGPT Clone Using React & AWS Bedrock
-
A note from our sponsor - InfluxDB
www.influxdata.com | 8 May 2024
Index
What are some of the best open-source Tailwindcss projects? This list will help you:
Project | Stars | |
---|---|---|
1 | Tailwind CSS | 78,568 |
2 | shadcn/ui | 57,985 |
3 | daisyui | 30,923 |
4 | cal.com | 28,745 |
5 | headlessui | 24,266 |
6 | create-t3-app | 23,473 |
7 | hey | 22,410 |
8 | Reactive-Resume | 20,057 |
9 | Plausible Analytics | 18,415 |
10 | taxonomy | 17,573 |
11 | tremor | 15,288 |
12 | omi | 12,926 |
13 | awesome-tailwindcss | 12,759 |
14 | TW-Elements | 12,662 |
15 | sage | 12,531 |
16 | noodle | 11,317 |
17 | drawdb | 9,812 |
18 | HyperUI | 8,384 |
19 | cv | 8,340 |
20 | twin.macro | 7,809 |
21 | Next-js-Boilerplate | 7,348 |
22 | flowbite | 6,987 |
23 | leerob.io | 6,881 |
Sponsored