Backgrounds you’ve never seen before.

Refraction, grain and motion, solved per pixel in the browser. Leave with a still, a seamless loop, a vector, or the component that draws it.

Free to use, no account. This header is the editor, running.

Every frame here came out of the editor.

No stock artwork and no filter over someone else’s photograph. Colour, material and light, computed for the size you asked for.

Eighteen places to start.

Every preset is a finished frame. Open one in the editor and change one thing.

One canvas, from colour to file.

Presets, materials, motion and export live in one window, so the look you are building is the file you leave with.

Start from a preset.
Put glass in front of it.
Leave with the file.
Give it a logo.
Start from a preset. Eighteen finished looks in the rail, and every control behind them in the panel.

What leaves the editor.

Six ways out of the same document. None of them is a screenshot.

Loops with no seam

The clip wraps on itself. MP4 or WebM to 4K, 60 fps.

Leaves as code

A self-contained React, Framer or HTML component. Nothing to install.

Stills to 8192 px

Grain computed at export size. Hover to look closer.

Print, with bleed

ISO and US sizes at any DPI, crop marks drawn in.

Tokens, not eyedroppers

CSS, Tailwind and Figma variables, with the OKLCh kept.

Vector, when it must scale

Gradients, halftone screens and contour lines as SVG paths.

A family from one look

Seed, palette or motion, as far as you like. One archive.

Glass that refracts.

  1. FlutedEach reed compresses a swath several reeds wide into its own width. Refraction, not shading.
  2. LensSpherical lenses on a flat pane, with the pane left honest between them.
  3. RippleConcentric rings that refract outward from a centre you place on the canvas.
  4. LiquidA surface that flows. Blur taps re-solve the refraction beneath them, so it stays sharp.
  5. HalftoneOne screen or three, at process angles. Only the dot edge is antialiased.

Fluted, ribbed, prism, lens, ripple, frosted and liquid. Each one bends what sits behind it and hands it to the next.

Cut type.

Set type inside the editor and cut it out of the frame. It leaves as a PNG with alpha, a filled word, or the mask on its own.

Your logo, as an object.

Drop a PNG or SVG and it comes back extruded, bevelled and lit. This one is the exported component, rendering live. Move across it.

The Grein wordmark as a chrome object, rendered by the editor

Three passes, in a fixed order.

Not a layer stack. Every look goes through the same three passes, which is why a preview matches its export and a loop closes without a seam.

Composite

Colour first, as a field.

A warp field transforms the coordinate and the gradient is a colour function of it. They compose, so every look gets warping and motion for free.

field · base · overlay · map
Geometry

Then the glass bends it.

Glass refracts the composite. Every blur tap re-solves the refraction beneath it, so it is a blur of the bent image and not a bend of the blurred one.

pixelate · refraction · motion blur
Finish

Light, grain, and one encode.

Linear light the whole way, encoded to sRGB exactly once on the last line. That single encode is what keeps a wide gradient from banding.

light · grade · halftone · grain · dither

Free while you are deciding.

Everything the engine does is in the free tier. Pro is about what leaves it: resolution, no mark, and the formats other people need from you.

Free

Everything the engine does, at screen resolution.

$0forever

No account needed to start.

  • Export up to 1920px
  • 9 saved looks
  • Video to 1280px, 24fps
  • Every material, effect and preset
  • A small mark in the corner
Open the editor

Pro

Print resolution, no mark, and every way out.

$8per month$4.99per month

$59.88 billed yearly · save 38%

  • Export up to 8192px
  • No watermark
  • Video to 4K at 60fps, 30s
  • React, Framer and HTML export
  • Vector, print and design tokens
  • Unlimited saved looks

Start from a frame you already like.

Open the editor, pick a preset, change one thing. Free, in the browser, no account.