Tailwind CSS v4.0 Cheatsheet

A comprehensive, interactive reference tool for Tailwind CSS v4.0 utility classes with live examples, responsive previews, and detailed documentation.

🚀 Features

• Comprehensive Class Reference: Complete documentation of Tailwind CSS v4.0 utility classes
• Interactive Examples: Live previews for each utility class
• Responsive Testing: See how classes behave across different screen sizes
• Dark/Light Mode: Toggle between themes with a single click
• Search Functionality: Quickly find the classes you need
• Category Navigation: Browse classes by category
• Detailed Information: CSS properties, usage examples, and tips for each class
• Version Comparison: See what's changed from v3 to v4
• Mobile-Friendly: Fully responsive design works on all devices

🛠️ Technologies

• Next.js 15.2 with App Router
• React 19
• TypeScript
• Tailwind CSS
• Shadcn/ui for UI components
• Lucide React for icons
• next-themes for theme management

📋 Prerequisites

• Node.js 18.x or later
• npm or yarn

🔧 Installation

1. Clone the repository: ```bash git clone https://github.com/getFrontend/app-tailwind-cheatsheet.git cd tailwind-css-v4-cheatsheet