Tutorial
Intermediate
Build a fully styled select dropdown with base-select
The HTML select element has been un-stylable for decades. With appearance: base-select, you can finally customize every part of it with pure CSS.
Tutorial
Intermediate
Build an accessible carousel with only CSS
Carousels have always required JavaScript libraries. With new CSS pseudo-elements for scroll navigation, you can build one with zero JS that's accessible out of the box.
Tutorial
Advanced
Build a tooltip system with popover hint and anchor positioning
Tooltips have always required JavaScript for hover handling, positioning, and cleanup. Combine popover=hint with CSS anchor positioning for a fully declarative tooltip system.