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 6 of 11

Section promptFree

Earbuds Case Opening Sequence

A pinned 90-frame sequence flips open a charging case and lifts the earbuds out

Storytelling
Section promptFree

Earbuds Morphing Sticky Buy Bar

The hero's buy button detaches and morphs into a docked buy bar as you scroll

Ecommerce
Section promptFree

Editorial Zoom Tunnel

Fashion editorial images fly toward you in a CSS 3D tunnel as you scroll through the issue

Fashion & Luxury
Section promptFree

Endless Testimonial Columns

Three columns of developer love notes glide past each other at different speeds

AI / SaaS
Section promptFree

Equalizer Counter Stats

Festival stats count up while equalizer bars dance behind every number

Music & Events
Motion componentFree

Faded Logo Wall Marquee

Two rows of client logos glide in opposite directions with soft edge fades and hover focus

AI / SaaS
Section promptFree

Fanning Card FAQ

Questions stacked like a deck; click one and the cards fan open in a springy arc

Nonprofit
Motion componentFree

Feature Flag Ripple Toggle

A satisfying toggle that visualizes rollout impact with an expanding ripple wave

AI / SaaS
Section promptFree

Festival Lineup Reveal

A festival lineup that assembles itself day by day with sliding tiered typography and a ticket CTA

Music & Events
Section promptFree

Filament Extrusion Path Hero

A glowing nozzle extrudes a continuous filament that prints the headline layer by layer

3D / WebGL
Section promptFree

Film Strip Gallery

A horizontal 35mm film strip of photos with sprocket holes and velocity-driven motion blur

Portfolio
Motion backgroundFree

Flickering Square Grid

A field of tiny squares twinkles like a trading floor at night, fading at the edges

Fintech
Section promptFree

Flip-Cycle Logo Grid

A tidy grid of partner logos where random tiles flip in 3D to reveal more partners

Fintech
Section promptFree

Floating Prism Bento

A light bento grid of feature cards that float and refract on hover like glass prisms

Portfolio
Section promptFree

Floating Sky Lanterns

Hundreds of paper lanterns drift up into a violet night, each glowing and flickering softly

3D / WebGL
Section promptFree

Floorplan Hotspot Explorer

A crisp apartment floorplan with pulsing hotspots that open room photos and details

Real Estate & Architecture
Motion backgroundFree

Flour Dust in a Sunbeam

Fine flour particles hang and swirl in slow motion inside a warm shaft of morning light

Food & Hospitality
Section promptFree

Fold-Out Chronicle Timeline

A vertical timeline where each event card unfolds from a central spine with a paper-fold flip

Editorial
Motion backgroundFree

Fourier Epicycle Drawing

Chains of spinning circles trace a hand-drawn shape, then dissolve and draw the next

Education
Section promptFree

Frosted Cube Ripple Grid

A field of frosted glass cubes ripples outward from every click like a pond

3D / WebGL
Section promptFree

Genesis Low-Tops Texture Reveal

A scroll-driven spotlight on premium sneaker materials and craftsmanship

Ecommerce
Motion backgroundFree

Grain Mesh Gradient

A soft, multi-point CSS mesh gradient overlaid with subtle, animated noise grain

Food & Hospitality
Motion backgroundFree

Growing Vine Tendrils

Botanical vines sprout from the page edges, curl into spirals and unfurl little leaves

Nonprofit
Motion componentFree

Hand-Drawn Highlighter Marks

Key phrases get marker highlights, circles and scribbled underlines drawn as you scroll

Nonprofit
Motion backgroundFree

Hex Glyph Rain

Columns of hexadecimal glyphs cascade and resolve into block hashes, cyan on ink

Web3
Motion componentFree

Hold-to-Confirm Button

A press-and-hold button with a filling progress ring, a shake on early release and a success morph

Fintech
Section promptFree

Home Charger Cable Spec Reveal

A charging cable draws itself across the page, plugging into each spec as it passes

Automotive
Section promptFree

Hydration App Liquid Fill

A hydration app hero where a glass fills with sloshing water as you tap to log each drink

Health & Wellness
Section promptFree

Infinite Masonry Distortion

An endless photo grid with liquid WebGL hover distortion and lazy-loaded tiles

Portfolio
Motion componentFree

Ink Spread Text Reveal

Letters bloom like wet ink on paper, driven by a simplex-noise flow field

Editorial
Section promptFree

Interactive Data Mesh Hero

A hero featuring a dynamic, interactive force-directed graph of glowing data nodes and connections

AI / SaaS
Section promptFree

Invoice Paper Plane Send

An invoice folds itself into a paper plane and flies off along a ribbon trail

Fintech
Section promptFree

Kaleidoscope Shader Hero

A candy-bright kaleidoscope folds a flowing image into twelve mirrored segments that twist with scroll

3D / WebGL
Section promptFree

Kinetic Drop Countdown

A dynamic, fragmented countdown for a limited edition sneaker drop, featuring a subtle speed-line background.

Ecommerce
Section promptFree

Kinetic Pull-Quote Marquee

A blog pull-quote section where oversized quotes loop in opposing marquees that slow down to read on hover

Editorial
Section promptFree

Kinetic Transaction Tape

A 3D ticker tape of live payments that twists and scales with volume

Fintech