Skip to content
Launch offer$99$39Launch pricing ends SundayGet it
Loopshots

140 clips · 1080p · MP4 + WebM

Background videos for your website hero

Frame-perfect loops sized for the top of a landing page: gradients, particles, chrome and grids that play forever without a visible cut, in MP4 and WebM with a copy-paste snippet.

All-access · $39 $99Try free clips

Seamless by construction

Hero loops are rendered from periodic shaders, so the last frame is mathematically the frame before the first. No crossfade, no jump.

Small enough to autoplay

Every clip ships as H.264 MP4 and VP9 WebM. Most hero loops are 2–8 MB at 1080p, far below a typical stock clip.

Light and dark variants

Palettes range from near-black to warm paper, so the video sits behind your copy instead of fighting it.

Ink bloom in water
Free∞ loop
Ink bloom in water00:05
Gold ink cloud
∞ loop
Gold ink cloud00:05
Smoke ribbons
∞ loop
Smoke ribbons00:05
Coloured smoke
∞ loop
Coloured smoke00:05
Liquid chrome waves
∞ loop
Liquid chrome waves00:05
Iridescent glass shapes
∞ loop
Iridescent glass shapes00:05
Silk fabric flow
∞ loop
Silk fabric flow00:05
Oil and water bubbles
∞ loop
Oil and water bubbles00:05
Paint swirl marbling
∞ loop
Paint swirl marbling00:05
Light refractions caustics
∞ loop
Light refractions caustics00:05
Neon light streaks
∞ loop
Neon light streaks00:05
Floating dust in light
∞ loop
Floating dust in light00:05
Sand dune ripples macro
∞ loop
Sand dune ripples macro00:05
Soap film colours
∞ loop
Soap film colours00:05
Paper layers 3D
∞ loop
Paper layers 3D00:05
Glowing particles tunnel
∞ loop
Glowing particles tunnel00:05
Frosted glass gradient
∞ loop
Frosted glass gradient00:05
Wax drip macro
∞ loop
Wax drip macro00:05
Clouds of milk
∞ loop
Clouds of milk00:05
Liquid metal droplets
∞ loop
Liquid metal droplets00:05
Mesh gradient — Pastel
Free∞ loop
Mesh gradient — Pastel00:06
Mesh gradient — Midnight
∞ loop
Mesh gradient — Midnight00:06
Mesh gradient — Sunset
∞ loop
Mesh gradient — Sunset00:06
Mesh gradient — Mint
∞ loop
Mesh gradient — Mint00:06
See all 140 in the library →

FAQ

How do I add a background video to my site?+

Use a muted, looping, inline video: <video autoplay muted loop playsinline poster="poster.jpg"> with a WebM source first and the MP4 as fallback. Every clip page has the snippet ready to copy.

Will it slow my page down?+

Load the poster as the LCP image and set preload="none" or "metadata" on the video. The loops are short (6 s) so the full file is small; the WebM is usually 30–50% lighter.

Can I use them on client sites?+

Yes. The license covers your own projects and client work, with no attribution. You just can't resell the clips as stock.