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.

Any Prerequisites?
Comfortable editing HTML templates or JSX/TSX
Working knowledge of modern CSS (flexbox, grid basics)