Get started with Tailwind CSS. Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles …

Get started with Tailwind CSS. Tailwind CSS works by scanning all of your HTML files, JavaScript components, and any other templates for class names, generating the corresponding styles …

Play CDN; Installing Tailwind CSS as a Vite plugin. Installing Tailwind CSS as a Vite plugin is the most seamless way to integrate it with frameworks like Laravel, SvelteKit, React Router, Nuxt, …

Using Tailwind via CDN. Before using the CDN build, please note that many of the features that make Tailwind CSS great are not available without incorporating Tailwind into your build …

Tailwind CSS requires Node.js 12.13.0 or higher. ... Note that while the CDN build is large (72.8kB compressed, 2936.0kB raw), it's not representative of the sizes you see when including …

Play CDN; Installing Tailwind CLI. The simplest and fastest way to get up and running with Tailwind CSS from scratch is with the Tailwind CLI tool. The CLI is also available as a …

Play CDN; Framework Guides. Framework-specific guides that cover our recommended approach to installing Tailwind CSS in a number of popular environments. Next.js. Full-featured React …

Installing Tailwind CSS as a PostCSS plugin is the most seamless way to integrate it with frameworks like Next.js and Angular. Integrate Tailwind CSS with frameworks like Next.js and …

Play CDN; Installing Tailwind CLI. The simplest and fastest way to get up and running with Tailwind CSS from scratch is with the Tailwind CLI tool. The CLI is also available as a …

Learn more about how theme variables map to different utility classes in the theme variable namespaces documentation.. Why @theme instead of :root?. Theme variables aren't just CSS …