GitShow/tailwindlabs/tailwindcss
tailwindlabs

tailwindcss

A utility-first CSS framework for rapid UI development.

by tailwindlabs
csscss-frameworkfunctional-csspostcssresponsivetailwindcssutility-classes
Star on GitHubForkWebsitenpm

TypeScript

97.2k stars5.6k forks371 contributorsActive · 12h agoSince 2017v4.3.3MIT

Meet the team

See all 371 on GitHub →
adamwathan
adamwathan2.9k contributions
RobinMalfait
RobinMalfait1.0k contributions
depfu[bot]Bot
depfu[bot]614 contributions
thecrypticace
thecrypticace444 contributions
dependabot-preview[bot]Bot
dependabot-preview[bot]350 contributions
reinink
reinink342 contributions
philipp-spiess
philipp-spiess295 contributions
bradlc
bradlc55 contributions

Languages

View on GitHub →
TypeScript79.8%
Rust17.9%
JavaScript0.7%
CSS0.6%
HTML0.6%
Haml0.4%

Commit activity

Last 12 weeks · 99 commits

Full graph →

Community health

4 of 6 standards met

Community profile →
62
✓README✓License✓Contributing○Code of Conduct○Issue Template✓PR Template

Recent PRs & issues

Active · Last activity 12h ago
See all on GitHub →
Freymaurer
Enable plugins to rename layer namesOpenIssue

Based on my comment on another discussion (link). For context, i am working on a component library using the new vite tailwind plugin. If you export tailwind 4 css into a tailwind 3 project (even with prefix) it throws due to: . The recommended workaround is to rename the layers as detailed here. In my case this looks like this: In addition to tailwind i use daisyui 5 (compatible with tailwind 4). Because of the daisyui plugin, the final .css file still contains references to resulting in . I reported this as issue with a tailwind play link, but it seems that this issue cannot be adressed by the author of daisyui. I quote: I understand. Unfortunately, it's not possible yet to use another layer name due to Tailwind CSS plugin API. Tailwind CSS provides APIs like addBase, addComponents, addUtilities addBase always adds styles to Tailwind's predefined @layer base and addComponents, addUtilities always add styles to Tailwind's predefined @layer utilities. If Tailwind provides more access regarding this behavior, we may be able to provide an option as well. I hope that you can provide a way for plugin provider to either customize layer names or to correctly propagate any name changes in the tailwind config to the plugins. This issue currently forces me to update the css file by hand before publishing, so it is really annoying 😅 Thanks for your time, reading this!

Freymaurer · 15h ago

Recent fixes

View closed PRs →
MuhammadNiazAli
Update shield links in README.mdMergedPR

Summary Cleaned up HTML image markup and standardized markdown line spacing in the main for improved document structure and rendering consistency. Test plan 1. Previewed the updated file using GitHub's built-in Markdown preview tool. 2. Verified that all badge links, images, and section headers render correctly without any layout regressions.

MuhammadNiazAli · 2h ago
RobinMalfait
Move debug logs in `.tailwindcss` folderMergedPR

Instead of writing debug logs (triggered by using ) in the root of the project as , we will write them to instead. The reasoning for this is that we won't pollute the root of the project. Another reason is that if you don't ignore files via , it could be that you end up in a loop if you use because a new file might trigger a new build. We noticed this while looking at https://github.com/tailwindlabs/tailwindcss/discussions/20382. The folder will come with a file that ignores everything (). Test plan 1. Nothing really changed here, all tests should pass Testing this in a local project, it looks like this:

RobinMalfait · 5h ago
webdevelopersrinu
Don't space out `and`/`or`/`not` inside function calls in `supports-[…]` variantsMergedPR

Summary The variant works around a Chrome bug where is invalid by spacing out the , , and keywords. However, the replacement is applied to the entire value, including the inside of function calls, where these words can be part of a selector. For example, generates: The selector is unparsable, so a condition that is true in every browser silently becomes false and the utility never applies. The same happens to class names like or inside . This PR only spaces out the keywords at the condition level: parens preceded by an identifier (other than the keywords themselves) start a function call, and everything inside is left as-is. The Chrome workaround still applies to the condition itself, e.g. still becomes . Test plan Added a test covering , class names / inside , the Chrome workaround, and a top-level condition. — 102 passed.

webdevelopersrinu · 12h ago
Structured data for AI agents

Repository: tailwindlabs/tailwindcss. Description: A utility-first CSS framework for rapid UI development. Stars: 97221, Forks: 5583. Primary language: TypeScript. Languages: TypeScript (79.8%), Rust (17.9%), JavaScript (0.7%), CSS (0.6%), HTML (0.6%). License: MIT. Homepage: https://tailwindcss.com/ Topics: css, css-framework, functional-css, postcss, responsive, tailwindcss, utility-classes. Latest release: v4.3.3 (4w ago). Open PRs: 26, open issues: 25. Last activity: 12h ago. Community health: 62%. Top contributors: adamwathan, RobinMalfait, depfu[bot], thecrypticace, dependabot-preview[bot], reinink, philipp-spiess, bradlc, dependabot-support, MichaelDeBoey and others.

·@ofershap

Replace github.com with gitshow.dev