Introduction to Oceanwind
summary
Oceanwind implements Tailwind semantics but composes only the CSS actually used instead of shipping a huge utility file, claiming Tailwind semantics without Tailwind. Implementation details include a hand-derived grammar from the Tailwind docs that generates a big switch-based translator, a runtime that injects and reuses class names, support for css variables and interpolation, and server-side rendering support; demos exist and preliminary benchmarks look promising, promising runtime + SSR with minimal generated CSS.
AI-written summary · about
chapters (6)
- 0:00Start
- 2:45How Did You Get Started with Css in React
- 14:20Code Gen
- 19:57Css Variables
- 24:57Function Signature
- 29:55Poll Results
related talks
19mTangled in Tailwind: A love-hate story
37mHijacking CSS with tailwindCSS
30mTailwind 4 vs CSS 6
32mThe Future of Utility-First CSS: What Tailwind v4 Signals for Web Development
31mTailwind or the Future of CSS
31mTailwind CSS: It looks awful, and it works
21mWhat’s New in Tailwind CSS v4?
59mBuilding beautiful Blazor apps with Tailwind CSS