Tailwind CSS, v2

Spend a full day learning Tailwind 4, the utility-first CSS framework that can be composed to build any design, directly in your markup.

Key Takeaways

By participating along with us in the workshop, you'll learn:

• Compose any design directly in markup with Tailwind’s utility-first approach
• Implement advanced responsive layouts with flexbox, grid, sub-grid, and container queries
• Build accessible, interactive components using group/peer/has variants and ARIA/data states
• Create semantic design tokens, OKLCH color themes, and dark-mode support
• Extend Tailwind with custom plugins, utilities, and animations

Is This Workshop for Me?

Front-end and full-stack engineers who know basic HTML/CSS and want a faster, design-system-friendly workflow. Ideal for teams migrating from Tailwind 3, Bootstrap, or CSS-in-JS stacks and for design-system owners evaluating token-based theming.

Workshop Details

This full-day, hands-on workshop takes you from zero to production-ready with Tailwind CSS version 4. You’ll master the utility-first mindset, OKLCH color theming, container queries, responsive layout patterns, interaction variants (group/peer/has), animation helpers, and build real components you can drop straight into your projects.