The vault · 1,211 templates · 365 free
Motion, ready to paste.
WebGL heroes, shader backgrounds, scroll stories and motion components. Every preview is live — open one to read the brief and copy the full prompt.
365 results · page 5 of 11
Candlelight Bokeh Glow
Warm out-of-focus candle lights flicker and drift softly, pure CSS with no JavaScript
Chromatic Aberration Hover
Images split into RGB channels that shift independently on hover, like a lens defect
Circuit Trace Preloader
PCB traces etch themselves into existence, branching like lightning until the logo completes the circuit
Code Rain Hero Section
A WebGL shader renders falling code glyphs that resolve into a terminal prompt
Column Counter Preloader
A giant 0–100 counter with rolling digit columns, then the screen splits into shutters
Command Palette Playground
A fully interactive command palette with fuzzy search, keyboard nav, and animated results
Compass Target Cursor
A minimal cursor ring with a needle that points to the nearest interactive element
Conic Spin Halo
A slow-spinning conic gradient halo behind a dark glass stage, CSS only
Counter Column Preloader
A 0 to 100 counter races while image columns slide past, then the page opens like a curtain
Counter-Scroll Testimonial Wall
Three columns of patient stories drifting in opposite directions behind soft fades
Course Pricing Odometer
An online course pricing section where prices roll like odometers and feature bars fill per plan
Crossed Tape Marquee
Two caution-tape marquees cross in an X and scroll in opposite directions
Crosshair Coordinate Cursor
A surveyor's crosshair cursor with full-bleed hairlines and live coordinate readouts
CRT Glitch Overlay
A retro CRT monitor effect with dynamic scanlines, color bleed, and intermittent digital glitches
CSS Mesh Gradient Drift
Four pastel radial blobs orbiting on registered custom properties, zero JavaScript
Curl Noise Flowfield
Abstract, topographic lines flowing and swirling according to a curl noise vector field
Curriculum Ribbon Timeline
An online course curriculum where a handwritten ink ribbon writes itself through each module as you scroll
Cursor-Chasing Gradient Orbs
Three soft colour orbs trail the pointer with springy lag over a calm clinic palette
Cursor-Repel Kinetic Headline
Oversized letters scatter away from the cursor on springs and settle back into a crisp line
Curving Ribbon Trail
Dynamic, flowing ribbons trace elegant, looping paths across the screen.
Curving Ribbon Trail
Elegant, flowing ribbons that weave and turn, leaving subtle, glowing trails on a minimalist background
Data Orb Hero
A pulsating, translucent data orb of interconnected nodes and lines for an AI platform
Data Stream Globe Hero
A generative 3D globe hero for data platforms, showing pulsating connections and flowing data streams
Day-by-Day Itinerary Timeline
A travel itinerary where a dotted path and tiny plane hop between days, pinning photos and tips along the way
Day-Night Theme Toggle
A pill switch where the sun sets behind hills and the moon rises with twinkling stars
Denim Fit Finder
Pick waist, rise and leg shape and watch the jean silhouette morph to match
Depth-Map Mountain Parallax
A single mountain photo becomes a 3D scene that shifts with your cursor and fills with drifting cloud
Dithered Bloom Field
A soft, luminous field of error-diffused pixels that subtly bloom and shift.
Docs Lens Reveal Section
A reading lens glides over prose and reveals the API reference hidden beneath it
Docs Tool Bento Grid
A bento feature grid where every tile hides its own tiny interactive demo
Domain Warped Flow Field
Ethereal, flowing noise patterns warped into organic, textile-like motion
Donation Progress Rings
A donation widget where concentric tree-ring progress arcs grow toward three campaign goals
Dot Grid Ripple
A calm grid of dots swells into ripples wherever you click, like tapping a pond of pixels
Drawn-Check Us vs Them Table
A two-column 'us vs typical clinic' comparison where checks draw and crosses strike in rhythm
Dynamic Currency Exchange Display
Scroll-driven currency conversion: coins and notes tumble and transform with physics.
Dynamic Map Journey
A travel section that reveals an expedition route on an interactive map with scroll-driven reveals