Documentation
The complete reference guide for all Tailwind classes and features. Whether you're new to the framework or just need a quick refresher, you'll find everything you need to build amazing user interfaces with utility-first CSS.
Core Concepts
Start your journey with Tailwind by understanding the framework's key principles—everything from the utility-first philosophy to responsive design and dark mode.
Get StartedCSS Utilities
Explore the full range of utility classes Tailwind provides for spacing, layout, typography, borders, and more, all documented with examples and code snippets.
View UtilitiesResponsive Design
Learn how to create fully responsive interfaces with Tailwind by using responsive modifiers and screen size breakpoints to conditionally apply styles.
Learn Responsive DesignConfiguration and Customization
Tailwind allows you to fully customize colors, fonts, spacing, and more directly in your tailwind.config.js file. Learn how to tailor Tailwind to your project's unique needs.
View Configuration OptionsAdvanced Concepts
Dive deeper into Tailwind's advanced features, including plugins, themes, and integration with JavaScript frameworks like React, Vue, and more.
Explore Advanced FeaturesTips and Tricks
Discover hidden gems, performance tips, and best practices to level up your Tailwind skills and build more maintainable UIs.
View Tips & TricksNeed Help? Join the Community!
If you're stuck or have questions about how to use something in this documentation, feel free to ask in our Discord Community or GitHub Discussions. Our developers and community are always happy to help.
Still Curious?
Check out other resources to get the most out of Tailwind: