Nerdy Notebook

Accordion
Color Mix
Comparison Slider
Count Up
Custom Scrollbar
Dialog
Focus Highlight
SVG Gradient Mask Icons
Gradient Border With Radius
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
Popover
Repeating Gradient Text
Scroll Driven Animations
Select
Text Box

CSS Color Mix

This tools allows you to mix two colors using the color-mix() function, visually.

This browser doesn't support color-mix()

Accordion Comparison Slider

Built with Observable.