40 effects · 15 categories · live demos + AI prompts

Motion that ships.

A searchable library of Awwwards-grade web effects. Every one runs live, exposes its source, and comes with a prompt that recreates it in Claude, Cursor, v0, Lovable or Bolt.

Browse the library
Scroll

Featured

Start with the signatures.

Scroll to travel · hover a card to run it

See all
40 effects →

Categories

Pick a discipline.

From a 40-line text reveal to a full WebGL tunnel — each category has its own motion signature.

08 Scroll Pinned, scrubbed and velocity-driven motion tied to the scrollbar. 06 Text Split, masked, scrambled and kinetic typography. 02 Cursor Trails, blends and followers that make the pointer part of the design. 03 Hover Micro-interactions that reward the smallest gesture. 03 Page Transitions Wipes, curtains and shared-element moves between routes. 06 WebGL & 3D Three.js scenes, particles and refractive materials. 00 Shaders GLSL distortion, noise fields and post effects. 00 SVG Path drawing, morphing and vector choreography. 04 Layout Grids, accordions and structures that move with intent. 00 Gallery Image walls, tunnels and sliders. 02 Preloaders Counters, morphs and reveals that buy time beautifully. 01 Navigation Menus and wayfinding with presence. 03 Buttons Magnetic, bordered, liquid — the smallest hero on the page. 01 Backgrounds Gradient meshes, noise and ambient depth. 01 Section Templates Complete, drop-in sections with motion baked in.
0effects, all live
0categories
0documented techniques
0copy-paste prompts

Collections

Curated kits.

Latest additions