Search results
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.
- Documentation
The simplest and fastest way to get up and running with...
- Playground
An advanced online playground for Tailwind CSS that lets you...
- Resources
Resources. Everything else you need to build awesome...
- Editor Setup
Syntax support. Tailwind CSS uses a lot of custom CSS...
- Using with Preprocessors
Since Tailwind is a PostCSS plugin, there’s nothing stopping...
- Optimizing for Production
Tailwind CSS is incredibly performance focused and aims to...
- Browser Support
module. exports = {plugins: {tailwindcss: {}, autoprefixer:...
- Upgrade Guide
To learn more about what’s new in Tailwind CSS v3.0, read...
- Documentation
We just released Tailwind CSS v2.1 which brings the new JIT engine to core, adds first-class CSS filter support, and more!
Learn how to use custom functions and directives in your CSS to enhance Tailwind CSS projects. See examples of @tailwind, @layer, @apply, and @config directives and how they work with Tailwind classes and utilities.
Configuration. A guide to configuring and customizing your Tailwind installation. Because Tailwind is a framework for building bespoke user interfaces, it has been designed from the ground up with customization in mind.
Learn how to get Tailwind CSS up and running in your project with various frameworks and tools. Follow the instructions for installing Tailwind as a PostCSS plugin or using Tailwind CLI.
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.
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. Get started. $ npm install tailwindcss.