Open-source projects categorized as tailwind-css | Edit details

Top 23 tailwind-css Open-Source Projects

  • daisyui

    ⭐️ ⭐️ ⭐️ ⭐️ ⭐️  The most popular, free and open-source Tailwind CSS component library

    Project mention: Where do custom CSS files go in Rails app ? | reddit.com/r/rails | 2022-05-19

    Shoutout to https://daisyui.com/ for doing exactly this!

  • Tailwind-Elements

    𝙃𝙪𝙜𝙚 collection of Tailwind components, sections and templates 😎 - FREE for commercial use

    Project mention: Tailwind Elements | news.ycombinator.com | 2022-04-17
  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • twin.macro

    🦹‍♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.

    Project mention: I create my own homepage! | dev.to | 2022-05-22

    Next.js for framework, Tailwind CSS for styling (but I wanted to use CSS in JS, so I used twin.macro this time).

  • tailwind-starter-kit

    Tailwind Starter Kit a beautiful extension for TailwindCSS, Free and Open Source

  • filament

    Admin panel, form builder and table builder for the TALL stack. Designed for humans. (by laravel-filament)

    Project mention: Laravel Filament: How to fix 403 error on production environment | dev.to | 2022-04-30

    After I installed the Laravel Filament on my local env and very impress because It’s to easy to setup, nice UI and document.

  • tailwind-nextjs-starter-blog

    This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.

    Project mention: Scala and Haskell Related Topics | news.ycombinator.com | 2022-05-07
  • tail-kit

    Tail-kit is a free and open source components and templates kit fully coded with Tailwind css 2.0.

    Project mention: Is there a market for Tailwind CSS templates? | reddit.com/r/tailwindcss | 2022-02-15
  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • Next-js-Boilerplate

    🚀 Boilerplate and Starter for Next.js 12+, Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Testing Library + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS

    Project mention: Just tried the official Jest plugin from Next.js 12.1 works perfectly with VSCode extension for Jest with immediate test feedback, inline code coverage, problem inspector, etc. directly inside VSCode. Writing tests is now much easier and enjoyable. Configuration in the comments. | reddit.com/r/nextjs | 2022-05-03

    You can find the whole configuration on my Boilerplate hosted on GitHub: https://github.com/ixartz/Next-js-Boilerplate

  • tailwind-config-viewer

    A local UI tool for visualizing your Tailwind CSS configuration file.

  • headwind

    An opinionated Tailwind CSS class sorter built for Visual Studio Code

    Project mention: Tailwind CSS class sorter – the custom way | dev.to | 2021-09-21

    Headwind is a nice opinionated sorter which probably can be tweaked to understand our Slim templates but as a VS Code plugin it only works inside this particular IDE. We mostly use JetBrains RubyMine in our team and also needed a CLI version.

  • tailwind-dashboard-template

    Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React. Made by

    Project mention: Top React dashboard libraries | dev.to | 2022-03-15

    git clone https://github.com/cruip/tailwind-dashboard-template.git

  • vite-vue3-tailwind-starter

    ⚡ Vite ✔ Vue 3 🌻 Tailwind CSS

    Project mention: Should i do a vue 3 project before jumping into nuxt? | reddit.com/r/vuejs | 2022-04-28
  • tailwindo

    🔌 Convert Bootstrap CSS code to Tailwind CSS code

    Project mention: Tailwindo - This tool can convert Your CSS framework (currently Bootstrap) classes in HTML/PHP (any of your choice) files to equivalent Tailwind CSS classes. | reddit.com/r/webdev | 2021-07-08
  • django-tailwind

    Django + Tailwind CSS = 💚

    Project mention: Do some of you went back from React/Angular/Vue to Django templating language ? | reddit.com/r/django | 2022-04-17
  • nextjs-tailwind-ionic-capacitor-starter

    A starting point for building an iOS, Android, and Progressive Web App with Tailwind CSS, React w/ Next.js, Ionic Framework, and Capacitor

    Project mention: Solito – React Native and Next.js, Unified | news.ycombinator.com | 2022-03-14

    wow, that's a weird limitation.

    The README says: "SSR is currently disabled for the Next.js app as the app will be fully client-side rendered for iOS and Android. This is a limitation we are working to address in a future update."

    I guess it's because CapacitorJS pre-bundles the entire PWA for the App Stores:

    "Of course, you also could load the app completely remotely by changing the server.url configuration for Capacitor to point to your SSR'ed Next.js app, but that has other challenges such as App Store approval if the app doesn't check the boxes for Apple to qualify it as an app that has enough native integration (at that point this is on you, not Capacitor)"


    But I don't understand why SSR would be disabled for the NextJS PWA on the web?

    Maybe Max Lynch aka. @mlynch aka. @yesimahuman could provide some insight here.

  • Landing-Page

    Tailwind CSS Starter Template - Landing Page

    Project mention: SHITT I Discovered This Week (T_T) | dev.to | 2021-08-15
  • Next-JS-Landing-Page-Starter-Template

    🚀 Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript ⚡️ Made with developer experience first: Next.js 12 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS

    Project mention: A Responsive Next.js Landing Page styled with Tailwind CSS using TypeScript | reddit.com/r/opensource | 2022-03-21
  • material-tailwind

    @material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.

    Project mention: 15 Tailwind CSS UI Kits, both free and paid | dev.to | 2022-03-28

    Get it here

  • tails

    The Tails Open Source Components are a (no-config) copy'n paste free collection of hand-crafted templates and components built in TailwindCSS.

    Project mention: 8 Open Source Projects to Contribute to - Hacktoberfest 2021 | dev.to | 2021-09-30

    It's pretty simple to use any of these components or templates in your project. Any component you wish to use can be copied and pasted into your own project. Visit the Components page to view the components and view the source code. Additionally, you can view the Templates and simply copy and paste these templates into your own project.

  • tailwind

    🔥 A schematic that adds Tailwind CSS to Angular applications

    Project mention: How are you guys managing "external" dependencies? | reddit.com/r/angular | 2021-12-20

    It seems quite weird to me there's no official integration for said css library, but I stumbled across ngneat/tailwind, I followed the install instructions but ended up with the error mentioned in this issue (which has been solved but the owner of the repository won't approve the PR for it), there's a hotfix there but I didn't change anything for me, the styles don't get applied.

  • laravel-form-components

    A set of Blade components to rapidly build forms with Tailwind CSS (v1.0 and v2.0) and Bootstrap 4/5. Supports validation, model binding, default values, translations, Laravel Livewire, includes default vendor styling and fully customizable!

    Project mention: 10 Laravel packages that might save your day | dev.to | 2022-02-11

    1. protonemedia/laravel-form-components

  • admin-one-vue-tailwind

    Free Vue.js 3.x Tailwind 3.x admin dashboard template with dark mode. Vite & Vue CLI supported. Laravel integration available

    Project mention: Free Vue.js 3 Tailwind CSS admin dashboard | dev.to | 2021-06-16

    Live demo | Source code on GitHub

  • notus-react

    Notus React: Free Tailwind CSS UI Kit and Admin

    Project mention: Top Free React Dashboards to Use for Your Next Project | dev.to | 2021-09-21

    Download / Live Demo

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). The latest post mention was on 2022-05-22.

tailwind-css related posts


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

Project Stars
1 daisyui 10,860
2 Tailwind-Elements 9,062
3 twin.macro 5,771
4 tailwind-starter-kit 4,788
5 filament 3,424
6 tailwind-nextjs-starter-blog 2,669
7 tail-kit 2,290
8 Next-js-Boilerplate 1,913
9 tailwind-config-viewer 1,348
10 headwind 1,166
11 tailwind-dashboard-template 1,132
12 vite-vue3-tailwind-starter 894
13 tailwindo 878
14 django-tailwind 819
15 nextjs-tailwind-ionic-capacitor-starter 815
16 Landing-Page 757
17 Next-JS-Landing-Page-Starter-Template 697
18 material-tailwind 671
19 tails 656
20 tailwind 595
21 laravel-form-components 563
22 admin-one-vue-tailwind 550
23 notus-react 511
Find remote jobs at our new job board 99remotejobs.com. There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.