GitHubBackgrounds, Effects & CSS Oddities · Animated components
Checkout demo where the credit card is the form: it embosses as you type, flips for CVC, flies to centre on submit.
Why it’s a gem
Textbook micro-interaction study in vanilla JS and CSS, zero dependencies.
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.
200+ copy-paste React components, blocks and landing templates built on Tailwind and Motion, heavy on 3D, background and text effects.
Free library of animated React components consumable three ways: copy-paste code, a Framer integration, or an MCP connection for coding agents.