Snippets

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

Log in to Submit
css

CSS Scroll Progress Bar

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

Coder B
css

Glassmorphism Card

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

Coder B
js

Toast Notification

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

Coder B
html

Native Accordion

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

Coder B
css

CSS Skeleton Loader

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

Coder B
css

Neon Glow Button

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

Coder B