Installing Tailwind CSS with Vite - Tailwind CSS Installing Tailwind CSS as a Vite plugin is the most seamless way to integrate it with frameworks like Laravel, SvelteKit, React Router, Nuxt, and SolidJS
Documentation - Tailwind CSS Now feels like the right time to cut a release, so here it is — Tailwind CSS v2 2! We've built-in a new high-performance CLI tool, added before and after pseudo-element support, introduced new sibling selector variants, the ability to style highlighted text, and tons more
Responsive design - Core concepts - Tailwind CSS Every utility class in Tailwind can be applied conditionally at different breakpoints, which makes it a piece of cake to build complex responsive interfaces without ever leaving your HTML First, make sure you've added the viewport meta tag to the <head> of your document:
Installation - Tailwind CSS 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 and then writing them to a static CSS file It's fast, flexible, and reliable — with zero-runtime
Styling with utility classes - Core concepts - Tailwind CSS After it's found all of the potential classes, Tailwind generates the CSS for each one and compiles it all into one stylesheet of just the styles you actually need Since the CSS is generated based on the class name, Tailwind can recognize classes using arbitrary values like bg-[#316ff6] and generate the necessary CSS, even when the value isn't
Tailwind CLI - Tailwind CSS 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 and then writing them to a static CSS file It's fast, flexible, and reliable — with zero-runtime
Framework guides - Tailwind CSS 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 and then writing them to a static CSS file It's fast, flexible, and reliable — with zero-runtime
Installation - Tailwind CSS Installing Tailwind CSS can be a slightly different process depending on what other frameworks tools you’re using, so we’ve put together a bunch of guides that cover popular setups
Tailwind CSS v4. 0 We just released Tailwind CSS v4 0 — an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web platform has to offer