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.

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

For example the build and lint commands from the scripts section ...

"scripts": {
    "build": "npm run build:lib & npm run build:umd",
    "build:lib": "tsc --outDir lib --module commonjs",
    "build:es": "tsc --outDir es --module es2015",
    "build:umd": "npm run build:es && rollup --config && dts-bundle --name dist/bundle --main es --outputAsModuleFolder",
    "clean": "rim

Jun	JUL	Aug
	20
2020	2021	2022

Tailwind CSS

Here are 1,409 public repositories matching this topic...

aniftyco / awesome-tailwindcss

mertJF / tailblocks

ben-rogerson / twin.macro

laravel / jetstream

saadeghi / daisyui

bernaferrari / FigmaToCode

iluminar / goodwork

Web Accessibility check - review app for web accessibility compliance

tw-in-js / twind

Charlie85270 / tail-kit

tailwindlabs / tailwindcss-intellisense

laravel-frontend-presets / tailwindcss

rogden / tailwind-config-viewer

cruip / tailwind-landing-page-template

Zaelot-Inc / ui-libraries

awssat / tailwindo

When using components=true duplicate Classes are created

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

ChanceArthur / tailwindcss-dark-mode

ecklf / tailwindcss-figma-kit

MedicOneSystems / livewire-datatables

cruip / tailwind-dashboard-template

timonweb / django-tailwind

taylorbryant / gatsby-starter-tailwind

mlynch / nextjs-tailwind-ionic-capacitor-starter

thedevdojo / tails

tanthammar / tall-forms

web2033 / vite-vue3-tailwind-starter

uicrooks / shopify-theme-lab

praveenjuge / kutty

wangchucheng / hugo-eureka

muhammadsammy / tailwindcss-classnames

Lint and build commands could be added to a GitHub Action

thien-do / typed.tw

Related Topics