Tailwindcss

Learn how tailwindcss evolved into one of the most successful projcets in open source.

Context

• Component Driven Development

UI Libraries

Design	Headless
Catalyst-Tailwind UI	Headless UI
Shadcn UI	Radix-UI
Supabase UI
Daisy UI
Flowbite
purecode.ai

Tailwind Plus

Tailwind Plus: Catalyst UI Kit | Demo

Examples	Type
Spotlight	Personal Website
Salient	SaaS Marketing
Protocol	API Reference
Commit	Changelog
Primer	Info Product
Studio	Agency
Transmit	Transmit
Pocket	App Marketing
Syntax	Syntax
Keynote	Conference

Workflow

• Theming Tailwind with CSS Variables
• Customising Your Design System
• Handling SVGs

Tools

• usewindy.com
• Dev Tools for Tailwind
• Fancy border radius
• InspectFlow
• Knights of the Flexbox Table
• Lambda Test
• Play Tailwindcss

Inspiration

• deadsimplesites.com

Attachments

• Spreadsheet

Links

• Cheatsheet
• Tailwind Labs