Tailwind v3.4 Released

Discover revolutionary updates to our tooling ecosystem and core framework features.

What's New in v3.4

Performance Boost

JIT compiler optimizations reduce development build times by up to 30%. Instantly see changes without waiting for recompilation.

Dark Mode Enhancements

Improved dark mode detection with better OS integration and system-wide settings support.

Collaboration Tools

Real-time editing in the Tailwind Playground with live sharing and version control.

Release Details

Core Features

New form() API

Simplify form validation and handling with our new first-party form utilities.

Enhanced Transitions

Add micro-interactions to any utility class with the new transition enhancements.

Tooling Upgrades

CLI Tool v2.3

  • • New tailwind init command
  • • Framework-specific template generation
  • • Improved Windows path handling

Playground v1.2

  • • Code auto-formatting
  • • Dark mode toggle
  • • Live sharing (beta)

Intellisense v1.4

  • • Framework support for SolidJS
  • • Improved @apply auto-completion
  • • Error highlighting in sidebar

Upgrade Guide

Quick Migration Steps

  1. 1 Update tailwindcss in your project
  2. 2 Run tailwind init for framework setup
  3. 3 Check changelog for any breaking changes

Example Update

Before update

tailwindcss: "^3.3.2"

After update

tailwindcss: "^3.4.0"

Ready to Upgrade?

Join thousands of developers using Tailwind CSS for their projects and stay on the cutting edge of CSS utility development.