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
Sidekiq is already configured along with assets, tailwindsCSS.
Itβs Headless so you can use it with whatever UI components you have in your project and as with everything in TanStack itβs type-safe! In this example we'll use components from shadcn/ui to build the form but you can really make it work with any UI library.
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.
Catalyst is a comprehensive, fully componentized UI kit for modern React projects, built on the next generation of Headless UI. With Catalyst, you can create a custom set of components to use and reuse in your projects.
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
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!
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.
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
-
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
-
Shared Data-Layer Setup For Micro Frontend Application with Nx Workspace
-
JoblessDev: New Open-Source CS Job Platform for Students and Recent Grads
-
A note from our sponsor - InfluxDB
www.influxdata.com | 7 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,417 |
| 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,307 |
| 20 | twin.macro | 7,805 |
| 21 | Next-js-Boilerplate | 7,274 |
| 22 | flowbite | 6,987 |
| 23 | leerob.io | 6,881 |
Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com