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 1,976 public repositories matching this topic...

saadeghi / daisyui

Star 6.3k

⭐️ ⭐️ ⭐️ ⭐️ ⭐️  Tailwind Components

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

• Updated Nov 23, 2021
• Vue

mertJF / tailblocks

Star 6.2k

Ready-to-use Tailwind CSS blocks.

css ui-components tailwind tailblocks

• Updated Aug 23, 2021
• JavaScript

ben-rogerson / twin.macro

Sponsor

Star 5k

🦹‍♂️ 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 Nov 17, 2021
• JavaScript

devias-io / material-kit-react

Star 3.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 Nov 9, 2021
• JavaScript

bernaferrari / FigmaToCode

Star 2.3k

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 Sep 22, 2021
• TypeScript

Charlie85270 / tail-kit

Sponsor

Star 1.8k

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 Oct 25, 2021
• TypeScript

iluminar / goodwork

Star 1.7k

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

tw-in-js / twind

Sponsor

Star 1.7k

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

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

• Updated Sep 7, 2021
• TypeScript

tailwindlabs / tailwindcss-intellisense

Star 1.5k

Intelligent Tailwind CSS tooling for Visual Studio Code

css vscode intellisense vscode-extension tailwind tailwindcss

• Updated Nov 5, 2021
• TypeScript

rogden / tailwind-config-viewer

Star 1.2k

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

vue tailwind tailwindcss tailwind-css

• Updated Aug 1, 2021
• Vue

awssat / tailwindo

Star 780

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-*

nunomaduro / termwind

Sponsor

Star 755

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

css console php tailwind

• Updated Nov 23, 2021
• PHP

web2033 / vite-vue3-tailwind-starter

Star 592

Vite + Vue 3 + Tailwind CSS (starter) ⚡

css template vuejs vue headless starter-template starter vue-router tailwind tailwindcss tailwind-css vue3 vite tailwindui tailwind-ui vitejs vite-template

• Updated Nov 23, 2021
• Vue

thedevdojo / tails

Star 565

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

css components templates hacktoberfest tailwind tailwindcss tailwind-css hacktoberfest2021

• Updated Oct 31, 2021
• HTML

uicrooks / shopify-theme-lab

Star 508

Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪

webpack vue postcss scss liquid shopify shopify-theme tailwind tailwindcss

• Updated Oct 22, 2021
• JavaScript

praveenjuge / kutty

Star 494

Kutty is a tailwind plugin for building web applications. It has a set of accessible and reusable components that are commonly used in web applications.

tailwind tailwindcss tailwindcss-plugin alpinejs tailwind-plugin

• Updated Aug 24, 2021
• JavaScript

Power-Components / livewire-powergrid

Star 484

⚡ 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 Nov 21, 2021
• PHP

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

Released October 2017

Organization

tailwindcss

Website

tailwindcss.com

Related Topics