A curated list of CSS Houdini resources.
The first question that we do when we view a new technology, thanks to Surma we have a great table to see the status of APIs and the browsers support.
- CSS-TAG Houdini Editor Drafts (site)
- CSS-TAG Houdini Editor Drafts (source)
- CSS Houdini Wiki
- public-houdini Mailing List 📬
| Library | Description |
|---|---|
| Extra.CSS | A CSS Houdini library for making your site a little more #extra. |
| Name | APIs |
|---|---|
| CSS Houdini ⭐ | Worklets Typed OM Custom Properties & Values API Paint API Animation Worklet Layout API |
| Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of | Worklets Typed OM Custom Properties & Values API Paint API Animation Worklet Layout API Parser API |
| Houdini: Demystifying CSS | Worklets Paint API Layout API Typed OM Custom Properties & Values API Font metrics |
| Say hello to Houdini and the CSS Paint API | Paint API |
| What Houdini Means for Animating Transforms | Animation Worklet |
| Working with the new CSS Typed Object Model | Typed OM |
| New ways to make your web app jank with Houdini – An introduction | Worklets Typed OM Custom Properties & Values API Paint API Layout API Font metrics Compositor Worklet |
| Exploring the CSS Paint API | Paint API Custom Properties & Values API |
| Simple Interactive Pie Chart with CSS Variables and Houdini Magic | Custom Properties & Values API |
| Houdini is like Babel but for CSS | Typed OM Custom Properties & Values API Paint API Animation Worklet Layout API Parser API |
| A Houdini Quickstart: registerProperty | Custom Properties & Values API |
| CSS Paint in Action: Bar Chart | Paint API Custom Properties & Values API |
| The CSS Paint API | Paint API |
| CSS Paint API | Paint API |
| Houdini's Animation Worklet | Animation Worklet |
| New horizons in CSS: Houdini and the Paint API | Paint API |
| CSS Custom Properties in Depth | Custom Properties & Values API |
| A Practical Overview Of CSS Houdini | Worklets Paint API Layout API Typed OM Custom Properties & Values API Font metrics |
| Randomized Selective Color: A Post List Study | Paint API Custom Properties & Values API |
| Performance - CSS Painting versus CSS Houdini Paint API | Paint API |
| Magical Rainbow Gradients | Paint API Custom Properties |
| @property: giving superpowers to CSS variables | Custom Properties |
| The Typed Object Model | Typed OM |
| Podcast | Speaker |
|---|---|
| Houdini Reloaded | Una & Chris Dhanaraj |
| Modern Web Podcast | Surma, Aimee Knight, Vitalii Bobrov |
| CSS Podcast (4 episodes) | Una & Adam Argyle |
| Samples | APIs |
|---|---|
| CSS Houdini 🤩 | Worklets Typed OM Custom Properties & Values API Paint API Animation Worklet Layout API |
| CSS Houdini Experiments 🤩 | Custom Properties & Values API Paint API Layout API |
| Houdini Samples (Google Chrome Labs) | Custom Properties & Values API Paint API Animation Worklet Layout API |
| Houdini's CSS Paint Polyfill | Paint API |
| Using Houdini CSS Paint API with Rough.js | Paint API |
| Ana Tudor's Houdini samples | Custom Properties & Values API Paint API Animation Worklet |
KarstenBuckstegge's houdini-experiments |
Paint API |
AndresCuervo's css-houdini-experiments |
Paint API |
| Hello Houdini | Paint API |
| extra.css | Paint API |
| CSS Houdini experiments | Paint API |
| Jeffsum clone | Custom Properties & Values API |
| CSS Paint Demos | Paint API |
- Houdini The Feature of CSS
- CSS Houdini in short: From CSS Custom Properties to JavaScript Worklets and back
- Houdini & Polyfilling CSS
- CSS Magic 🧙♂️ & Futuristic Javascript 🤖
- Houdini: programming in CSS
- Make the Web Brighter with the CSS Paint API
- WebAssembly in Houdini CSS, is it possible?
- Design System Magic with Houdini
- When Houdini met Goldblum
- Calculating Color: Dynamic Theming With CSS Variables