Snippets

Vanilla HTML, CSS, and JavaScript techniques — no libraries, no frameworks.

Page scroll indicator using animation-timeline: scroll() — pure CSS, zero JavaScript. Supported in Chrome 115+, Firefox 110+, Safari 15.4+.

Frosted glass card effect using backdrop-filter. Works best layered over a colorful or image background.

Lightweight toast notifications with four types (info, success, error, warning) and auto-dismiss. No dependencies, no DOM setup required.

Collapsible accordion using only <details> and <summary>. No JavaScript. Fully accessible and keyboard-navigable out of the box.

Animated shimmer placeholder for loading states. Drop the .skeleton class on any element and size it with utility styles.

A pure CSS button with a pulsing neon glow using @keyframes and box-shadow. Drop in the class and it works — no JavaScript needed.