SiteCommunity Finds · Animated components
Collection of animated React UI components reverse-engineered from the interactions on well-known marketing and product sites.
Why it’s a gem
Skips the reverse-engineering step for effects you saw on a site and wanted
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.
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.