← All templates
Motion backgroundEcommerceFree

Aurora Mesh Gradient

A lightweight animated mesh-gradient background with film grain overlay. No WebGL required, so it runs everywhere including low-power devices.

The prompt

Preview · Sign in to read all
Create a lightweight animated mesh-gradient background with film grain that works without WebGL.

TECHNIQUE:
1. Base layer: a <div> with 4 large absolutely-positioned blobs (60vmax circles) coloured #ff8a5c, #ff4fa3, #6b…

You might also like

Motion backgroundPro

Liquid Chrome Background

Looping liquid-metal shader background, 60fps, 3 KB

3D / WebGL
Website promptPro

Luxury Product Drop

Photoreal 3D product turntable with a countdown drop

Ecommerce