ShaderGradient
by ruucm · shadergradient.co
Screenshot 1 of 2What it is
Flowing 3D gradient backgrounds you tune in the browser, then export to React, Framer or Figma. Motion libraries give you animated pieces — text reveals, moving backgrounds, cursor effects — that you drop into a page.
Good for
- Landing page hero sections
- Animated backgrounds
- Small interactions on buttons and cards
React BitsMotion
The largest open collection of animated React components — text, interactions, UI and backgrounds, each with live controls.
SSGOIMotion
Native-app-style page transitions on the Web Animations API — works across frameworks, with no router lock-in.
VFX-JSMotion
Drop WebGL effects onto plain images, videos and text — glitch, pixelate, glow and warp.
