Tailwindcss

Open-source projects categorized as Tailwindcss

Top 23 Tailwindcss Open-Source Projects

Tailwindcss
  1. Tailwind CSS

    A utility-first CSS framework for rapid UI development.

    Project mention: Material 3 Expressive: Better, Easier, Emotional UX | news.ycombinator.com | 2025-05-16
  2. SurveyJS

    JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

    SurveyJS logo
  3. shadcn/ui

    A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

    Project mention: Using Trophy to build a gamified NextJS study app | dev.to | 2025-05-19

    shadcn/ui

  4. daisyui

    ๐ŸŒผ ๐ŸŒผ ๐ŸŒผ ๐ŸŒผ ๐ŸŒผ โ€ƒThe most popular, free and open-source Tailwind CSS component library

    Project mention: DaisyUI 5 avec Symfony 6/7 | dev.to | 2025-05-13
  5. cal.com

    Scheduling infrastructure for absolutely everyone.

    Project mention: 5 Side Project Ideas for Developers to Monetize as Micro-SaaS in 2025 | dev.to | 2025-03-02

    Take Cal.com (https://cal.com/), formerly known as Calendso. It started as an open source alternative to Calendly which offers a free, self-hostable version for users.

  6. 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!

    Project mention: Read CV Acquired by Perplexity | news.ycombinator.com | 2025-01-17

    To avoid relying on projects like that in the future. I use selfhosted version of Reactive Resume [1]. Then I can keep the last version that worked even if change the license or stopped working. I would recommend everyone to look into this as a potential solution.

    [1] https://github.com/AmruthPillai/Reactive-Resume

  7. drawdb

    Free, simple, and intuitive online database diagram editor and SQL generator.

    Project mention: Ask HN: What Are You Working On? (March 2025) | news.ycombinator.com | 2025-03-30

    Have been building drawDB[1] for a while now. It's a database schema visualizer. Currently working on adding support for oracle databases. Wrote a parser[2] to allow importing from oracle sql. Have been struggling with motivation though, the pieces are pretty much there but I've been procrastinating on putting it all together. This has been my main side project for almost 2 years now.. I miss the feeling of novelty.. but can't come up with something worth building..idk

    [1] https://github.com/drawdb-io/drawdb

    [2] https://github.com/1ilit/oracle-sql-parser

  8. hey

    Hey is a decentralized and permissionless social media app built with Lens Protocol ๐ŸŒฟ

    Project mention: Serving Open Graph to Bots at hey.xyz: Our Client-Side SPA Approach | dev.to | 2025-04-19

    At hey.xyz, we built a client-side SPA using Vite and React Router 7. But this created a challenge - how do you serve proper metadata to social media crawlers and search engines when your app renders client-side?

  9. InfluxDB

    InfluxDB โ€“ Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

    InfluxDB logo
  10. headlessui

    Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

    Project mention: Tailwind CSS vs. Bootstrap: Which Framework is Better for Your Project? | dev.to | 2025-03-12

    Tailwind CSS ecosystem features growing resources like Tailwind UI (a component library), Headless UI (unstyled, accessible components), and community-built plugins. Itโ€™s maintained by a smaller company (Tailwind Labs) but has very active development and a dedicated community of web developers.

  11. create-t3-app

    The best way to start a full-stack, typesafe Next.js app

    Project mention: The Building Blocks of TRPC - Part 1 | dev.to | 2025-03-14

    Throughout this guide I will refer to "standard configuration". This is the typical setup encountered when we see TRPC integrated into NextJS. I am using the default configuration provided by T3 Stack. It has become the de facto standard for TRPC integration and can be taken as a best practices example. You can familiarise yourself by spinning up a new T3 Stack project and selecting TRPC.

  12. Plausible Analytics

    Simple, open source, lightweight and privacy-friendly web analytics alternative to Google Analytics.

    Project mention: Open source Google Analytics replacement | news.ycombinator.com | 2025-05-07
  13. dub

    The modern link attribution platform. Loved by world-class marketing teams like Twilio, Buffer, Framer, Perplexity, Vercel, and more.

    Project mention: Build natural language filters for real-time analytics dashboards | dev.to | 2025-04-10

    Alternatively, check out Dub.co, an open source shortlink platform. They have a nice "Ask AI" that you can use for reference. Here's the repo.

  14. openui

    OpenUI let's you describe UI using your imagination, then see it rendered live.

    Project mention: OpenUI let's you describe UI using your imagination | news.ycombinator.com | 2024-08-08
  15. taxonomy

    An open source application built using the new router, server components and everything new in Next.js 13.

  16. magicui

    UI Library for Design Engineers. Animated components and effects you can copy and paste into your apps. Free. Open Source.

    Project mention: Cut the Crap: Ship Better-Looking Websitesย (Fast) | dev.to | 2025-05-03

    The Growing Shadcn/Radix Ecosystem: That copy-paste, "own-the-code" approach you love from Shadcn? It's a whole ecosystem now. For more specialized or highly animated components built with the same philosophy (using Radix primitives and Tailwind), check out libraries like Magic UI or Aceternity UI. You integrate them the same way, no extra dependencies, just more cool building blocks for your project.

  17. awesome-tailwindcss

    ๐Ÿ˜Ž Awesome things related to Tailwind CSS

    Project mention: Tailwind CSS: A Beginner's Guide to Understanding Its Syntax and Structure | dev.to | 2025-03-28

    awesome-tailwindcss - Awesome Tailwind CSS is a curated list of Tailwind CSS resources, including plugins, tools, templates, and learning materials.

  18. omi

    Web Components Framework - Web็ป„ไปถๆก†ๆžถ (by Tencent)

  19. TW-Elements

    ๐™ƒ๐™ช๐™œ๐™š collection of Tailwind MIT licensed (free) components, sections and templates ๐Ÿ˜Ž

    Project mention: Ultimate UI and Development Resource Guide for 2024 ๐Ÿš€ | dev.to | 2024-09-05

    3. Tailwind Elements A free collection of essential elements and components designed with Tailwind for modern websites. Tailwind Elements:

  20. sage

    WordPress starter theme with Laravel Blade components and templates, Tailwind CSS, and block editor support

    Project mention: WP21 | news.ycombinator.com | 2024-05-28

    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.

  21. noodle

    Rethinking Student Productivity

  22. react-bits

    An open source collection of animated, interactive & fully customizable React components for building stunning, memorable user interfaces. (by DavidHDev)

    Project mention: Introducing React Bits - A Library of Beautifully Animated React UI Components | dev.to | 2025-01-08

    GitHub: https://github.com/DavidHDev/react-bits

  23. HyperUI

    Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles ๐Ÿš€

    Project mention: Build Your Application Faster with These TailwindCSS Components Libraries | dev.to | 2024-09-04

    Hyper UI (Free)

  24. Next-js-Boilerplate

    ๐Ÿš€๐ŸŽ‰๐Ÿ“š Boilerplate and Starter for Next.js 15 with App Router and Page Router support, Tailwind CSS 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: Next.js 15.3: Turbopack for builds, Rspack support | news.ycombinator.com | 2025-04-09

    Great job by the Next.js team on this release, I just updated my Next.js boilerplate project to 15.3: https://github.com/ixartz/Next-js-Boilerplate

    It works perfectly!

  25. formbricks

    Open Source Qualtrics Alternative

    Project mention: Top 13 Most-Starred Open Source Next.js Projects on GitHub โญ | dev.to | 2025-02-16

    ๐Ÿ”— GitHub: https://github.com/formbricks/formbricks

  26. SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo
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

Log in or Post with

Tailwindcss related posts

  • Build the UI of an Admin Dashboard for a Pharmacy Management Application using Next.js

    2 projects | dev.to | 18 May 2025
  • How To Build End-To-End AI Voice Agentic App Using AI/ML API and OpenAI Realtime API

    4 projects | dev.to | 13 May 2025
  • I Don't Have Spotify

    1 project | news.ycombinator.com | 11 May 2025
  • Show HN: Basecoat โ€“ shadcn/UI with none of the React

    1 project | news.ycombinator.com | 8 May 2025
  • My Go-To Toolkit: Top 10 Shadcn/ui Components I Rely On for Modern Web Development

    1 project | dev.to | 5 May 2025
  • Cut the Crap: Ship Better-Looking Websitesย (Fast)

    5 projects | dev.to | 3 May 2025
  • CSS Sem Glamour: O que ninguรฉm te conta sobre usar frameworks no dia a dia.

    4 projects | dev.to | 2 May 2025
  • A note from our sponsor - SaaSHub
    www.saashub.com | 19 May 2025
    SaaSHub helps you find the best software and product alternatives Learn more โ†’

Index

What are some of the best open-source Tailwindcss projects? This list will help you:

# Project Stars
1 Tailwind CSS 87,781
2 shadcn/ui 86,928
3 daisyui 36,851
4 cal.com 36,225
5 Reactive-Resume 31,335
6 drawdb 30,150
7 hey 29,053
8 headlessui 27,323
9 create-t3-app 27,088
10 Plausible Analytics 22,397
11 dub 21,497
12 openui 21,348
13 taxonomy 18,914
14 magicui 16,633
15 awesome-tailwindcss 14,183
16 omi 13,167
17 TW-Elements 13,029
18 sage 12,967
19 noodle 12,390
20 react-bits 11,467
21 HyperUI 11,231
22 Next-js-Boilerplate 10,859
23 formbricks 10,619

Sponsored
JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor
Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.
surveyjs.io

Did you know that TypeScript is
the 1st most popular programming language
based on number of references?