Tailwind CSS Documentation

Master Tailwind CSS with our comprehensive documentation covering everything from installation to advanced configuration.

Core Documentation

Getting Started

Learn how to install Tailwind CSS with PostCSS or CDN, and begin building your first project.

Read Guide

Configuration

Customize Tailwind's default theme with configuration options, breakpoints, and plugin settings.

Read Guide

Advanced

Explore advanced features like JIT mode, plugin development, and framework integrations.

Read Guide

API Reference

Utility Classes

Access a complete list of utility classes for layout, spacing, typography, colors, and more.


This text is bold.

View Full API

Plugin API

Create and use plugins to extend Tailwind's functionality with custom utilities or patterns.


tailwind.config.js
```js
module.exports = {
  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/typography')
  ]
}
```

View Plugin Docs
Community Driven

Created by Developers, for Developers

Open Source Plugins

Discover plugins built and maintained by the Tailwind community to extend functionality.

  • @tailwindcss/forms
  • @tailwindcss/typography
  • @tailwindcss/aspect-ratio
View All Plugins

Theme Customization

Learn how the community customizes Tailwind for design systems and branding projects.

// tailwind.config.js
theme: {
  colors: {
    brand: {
      500: '#6366F1',
    },
  },
}

.bg-brand-500 {
  background-color: #6366F1;
}

View Customization Examples

Ready to Learn More?

Dive deeper into documentation sections like Configuration, Plugins, and Advanced Techniques.

```