Tailwind CSS

Tailwind is an utility-first CSS framework for rapid UI development written in PostCSS and configured through JavaScript, making it highly customizable by design. Tailwind doesn’t have a default theme nor built-in UI components. This means it has no opinion about how your site should look and doesn’t impose design decisions that can be difficult to undo.

Here are 3,585 public repositories matching this topic...

saadeghi / daisyui

Star 12.6k

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

css components ui-design design-systems design-pattern component postcss css-framework ui-kit component-library ui-components css-components ui-pattern design-system ui-library ui-framework tailwind tailwindcss tailwind-css daisyui

• Updated Jul 4, 2022
• Svelte

mertJF / tailblocks

Star 7.3k

Ready-to-use Tailwind CSS blocks.

css ui-components tailwind tailblocks

• Updated Jan 14, 2022
• JavaScript

ben-rogerson / twin.macro

Sponsor

Star 5.9k

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

react babel styled-components reactjs emotion css-in-js twin stitches emotionjs tailwind tailwindcss tailwind-css styling-react styling-css-in-js babel-macro goober tailwind-in-js

• Updated Jul 2, 2022
• JavaScript

devias-io / material-kit-react

Star 4k

React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other

react nodejs firebase admin typescript dashboard authentication dark-theme reactjs nextjs admin-dashboard auth0 material-theme mui firebase-auth admin-template material-dashboard tailwind devias

• Updated Jul 1, 2022
• JavaScript

bernaferrari / FigmaToCode

Star 2.6k

Generate responsive pages and apps on HTML, Tailwind, Flutter and SwiftUI.

html swift typescript responsive conversion svelte flutter figma tailwind tailwindcss swiftui figma-plugins

• Updated Jun 24, 2022
• TypeScript

tw-in-js / twind

Sponsor

Star 2.4k

The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

css css-in-js tailwind tailwindcss tailwind-in-js

• Updated Jul 4, 2022
• TypeScript

Charlie85270 / tail-kit

Sponsor

Star 2.3k

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

template components kit uikit templates component-library ui-components tailwind tailwindcss tailwind-css tailwindui tailwind-kit components-kit

• Updated Mar 12, 2022
• TypeScript

tailwindlabs / tailwindcss-intellisense

Star 1.9k

Intelligent Tailwind CSS tooling for Visual Studio Code

css vscode intellisense vscode-extension tailwind tailwindcss

• Updated Jul 6, 2022
• TypeScript

iluminar / goodwork

Star 1.8k

Self hosted project management and collaboration tool powered by TALL stack

docker php laravel docker-compose collaboration self-hosted project-management task-manager remote-work hacktoberfest laravel-5 release-planning livewire project-management-software tailwind tailwindcss task-management-system team-chat laravel-livewire alpinejs

• Updated Oct 12, 2021
• PHP

nunomaduro / termwind

Sponsor

Star 1.4k

🍃 In short, it's like Tailwind CSS, but for the PHP command-line applications.

css console php tailwind

• Updated Jul 1, 2022
• PHP

rogden / tailwind-config-viewer

Star 1.4k

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

vue tailwind tailwindcss tailwind-css

• Updated Jun 23, 2022
• Vue

web2033 / vite-vue3-tailwind-starter

Star 936

Vite, Vue3, Tailwind CSS (single-page app)

css template vuejs vue single-page-app starter-template starter vue-router tailwind tailwindcss tailwind-css vue3 vite tailwind-css-template tailwindui tailwind-ui vitejs vite-template headlessui tailwindcss-v3

• Updated Jun 30, 2022
• Vue

awssat / tailwindo

Star 888

Open

When using components=true duplicate Classes are created

juliancc commented Jun 2, 2021

When you parse using --components=true the css file generated works for the most part. The only main problem is that it generates duplicate classes if many elements with the same class exist in the original file.

For example if you have the following:

<div class="alert alert-warning">
some warning alert
</div>
.
some other code
.
<div class="alert alert-danger">
this is a 

Read more

good first issue

Open

Extra hover:bg-* in class generated for btn-outline-*

Power-Components / livewire-powergrid

Star 782

⚡ PowerGrid generates Advanced Datatables using Laravel Livewire.

bootstrap laravel datatables editable-table data-tables livewire tailwind tailwindcss laravel-livewire alpine-js livewire-datatables livewire-powergrid powergrid-component livewire-modal livewire-editable-table livewire-scaffolding livewire-packages

• Updated Jul 5, 2022
• PHP

ixartz / Next-JS-Landing-Page-Starter-Template

Star 744

🚀 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

boilerplate typescript landing-page nextjs templates starter themes landing-pages tailwind tailwindcss nextjs-template tailwind-css nextjs-starter tailwind-css-template nextjs-boilerplate nextjs-typescript tailwindcss-starter-kit tailwind-css-theme tailwindcss-v2 tailwind-kit

• Updated Jul 6, 2022
• TypeScript

Created by Adam Wathan, Jonathan Reinink, David Hemphill, Steve Schoger

Released October 2017

Organization

tailwindcss

Website

tailwindcss.com

Related Topics