Top 23 tailwind-css Open-Source Projects
-
Shoutout to https://daisyui.com/ for doing exactly this!
-
Tailwind-Elements
𝙃𝙪𝙜𝙚 collection of Tailwind components, sections and templates 😎 - FREE for commercial use
-
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.
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-30After 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.
-
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-03You can find the whole configuration on my Boilerplate hosted on GitHub: https://github.com/ixartz/Next-js-Boilerplate
-
-
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
git clone https://github.com/cruip/tailwind-dashboard-template.git
-
Project mention: Should i do a vue 3 project before jumping into nuxt? | reddit.com/r/vuejs | 2022-04-28
-
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
-
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
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)"
https://github.com/mlynch/nextjs-tailwind-ionic-capacitor-st...
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.
-
-
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.
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.
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.
-
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!
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
Live demo | Source code on GitHub
-
Download / Live Demo
tailwind-css related posts
Index
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 |
Are you hiring? Post a new remote job listing for free.
