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 GuideConfiguration
Customize Tailwind's default theme with configuration options, breakpoints, and plugin settings.
Read GuideAdvanced
Explore advanced features like JIT mode, plugin development, and framework integrations.
Read GuideAPI Reference
Utility Classes
Access a complete list of utility classes for layout, spacing, typography, colors, and more.
This text is bold.
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')
]
}
```
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
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;
}
Ready to Learn More?
Dive deeper into documentation sections like Configuration, Plugins, and Advanced Techniques.