Nerdy Notebook

Accordion
Comparison Slider
Count Up
SVG Gradient Mask Icons
Animated Gradient Text
Gradient Text
:has(:hover) > :not(:hover)
HDR Sunset Palette
:hover > :not(:hover)
Lightness vs Tints vs Shades
Open Props - Spring Easing
Open Props UI
Repeating Gradient Text
Text Box

`<details>` accordion recipe

How does this work?

I explain how all this works here in this blog post.

Nerdy Notebook Comparison Slider

Built with Observable.