Get started with Tailwind CSS
It's fast, flexible, and reliable — with zero-runtime.
Framework-specific guides that cover our recommended approach to installing Tailwind CSS in a number of popular environments.
Full-featured React framework with great developer experience.
PHP web application framework with expressive, elegant syntax.
Fast and modern development server and build tool.
Intuitive Vue framework for building universal applications.
Framework for building static sites with React and GraphQL.
A tool for building simple, performant, and reactive user interfaces.
The fastest way to build apps of all sizes with Svelte.js.
Platform for building mobile and desktop web applications.
Ruby on Rails
Full-stack framework with all the tools needed to build amazing web apps.
Full stack framework focused on web fundamentals and modern UX.
A framework to build rich, interactive applications with Elixir.
The zero-configuration build tool for the web.
A PHP framework to create websites and web applications.
Create React App
CLI tool for scaffolding a new single-page React application.
A fully featured web framework for Node.js.
Don't see your framework of choice? Try using Tailwind CLI or installing Tailwind as a PostCSS plugin instead.
What to read next
Get familiar with some of the core concepts that make Tailwind CSS different from writing traditional CSS.
Using a utility-first workflow to build complex components from a constrained set of primitive utilities.
Build fully responsive user interfaces that adapt to any screen size using responsive modifiers.
Hover, Focus & Other States
Style elements in interactive states like hover, focus, and more using conditional modifiers.
Optimize your site for dark mode directly in your HTML using the dark mode modifier.
Manage duplication and keep your projects maintainable by creating reusable abstractions.
Customizing the Framework
Customize the framework to match your brand and extend it with your own custom styles.