GitHubBackgrounds, Effects & CSS Oddities · Animated components
Vanilla delete button where each letter tumbles into a trash can — HTML, CSS and JS, zero dependencies.
Why it’s a gem
Single-purpose micro-interaction study you can steal in under a minute.
Checkout demo where the credit card is the form: it embosses as you type, flips for CVC, flies to centre on submit.
Bottom navigation bar whose top edge behaves like a liquid surface: one parametric SVG trough that leans and shallows with travel speed. Zero dependencies.
Pure-CSS glowing React orb with eight palettes, eight presets, live speed control and reduced-motion respect, no canvas or WebGL.
Library of animated React and Tailwind components including glow buttons, spotlight cards, marquees and hero effects.
Collection of animated React UI components reverse-engineered from the interactions on well-known marketing and product sites.
Vanilla JS interactive pieces including a WebGL voice orb, signal orb, project stack, and pull-cord theme lamp.