Tailwind CSS Tutorial — One-Page Cheat Sheet
Utility-first CSS at the speed of thought.
Tailwind Tutorial
- HOME
- Intro
- Install & Setup
- tailwind.config
- Utility-First Workflow
- Arbitrary Values
- Responsive Design
- Dark Mode
- Hover / Focus / Active
- group & peer
Layout
Style
- Typography
- Colors & Themes
- Backgrounds
- Borders & Radius
- Shadows / Effects
- Filters / Blur
- Transitions
- Animations
- Transforms
Components & Patterns
- Forms & @tailwindcss/forms
- @tailwindcss/typography
- Card Layouts
- Navbars
- Modals
- clsx & tailwind-merge
- Component Patterns