Modern glassmorphism
backdrop-filter + oklch() — frosted glass with one CSS rule.
▶
Live demos
Every snippet has a working demo above the code — you see the output before you copy.
⌨
One-click copy
Copy the CSS or the LLM prompt in a single click — no sign-in, no friction.
✦
LLM-ready prompts
Each snippet includes a crafted prompt for your coding assistant — not just "recreate this" but specific, framework-aware, edge-case-aware instructions.
◎
Baseline badges
Every snippet is labeled "Widely supported" or "Experimental" so you know before you ship.
Featured snippets
View all 40 →Scroll progress bar
Reading indicator driven by animation-timeline: scroll().
Container query cards
Layout that adapts to container width, not viewport.
:has() dropdown
Style a parent when a child is open — pure CSS interactivity.
Trend articles
View all 41 →State-aware CSS
if(), @scope, and scroll-state queries that reduce JavaScript.
Functional motion
Using scroll and view timelines for UX, not just decoration.
OKLCH and modern color
Perceptually uniform colors and light-dark() for design systems.
Performance-first CSS
Load and render strategies that keep CSS fast and measurable.