Search results
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.
- Place Content
By default, only responsive variants are generated for...
- Colors
The different segments of the color name are combined to...
- Clear
Tailwind CSS home page. Quick search for anything Press Ctrl...
- Transform
Tailwind CSS home page. Quick search for anything Press Ctrl...
- Plugins
Extending Tailwind with reusable third-party plugins. Adding...
- Rotate
Rotate - Documentation - Tailwind CSS
- Top / Right / Bottom / Left
By default, only responsive variants are generated for top,...
- Flex Wrap
By default, only responsive variants are generated for...
- Place Content
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.
Tailwind CSS lets you build modern websites with classes like flex, pt-4, text-center and rotate-90 directly in your HTML. Learn how to get started, customize, and use Tailwind CSS with testimonials from developers and designers.
The new CSS-first configuration lets you do just about everything you could do in your tailwind.config.js file, including configuring your design tokens, setting up content sources, defining custom utilities and variants, installing plugins, and more.. To learn more about how it all works, read the CSS configuration in-depth documentation. CSS theme variables
Learn how to install and configure Tailwind CSS in your project using PostCSS or Tailwind CLI. Find integration guides for popular frameworks and tools, and customize your design system with tailwind.config.js.
Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup.
Learn how to install and configure Tailwind CSS for your project using npm, PostCSS, CLI, or CDN. Find examples and instructions for common build tools such as Webpack, Gulp, Laravel Mix, and more.