About this file

Marbled inks in motion. Blush, sage and lilac swirl slowly on cream, combed into soft ribbons the way ink lies on a marbling bath, and fine dark plum veins cut through them, swelling and thinning along their length. A sparser set of thin gold veins catches the eye.

A luxe, calm background for beauty, stationery, wedding, interiors and jewellery pages, product shots and titles. Set the paper, three inks, the vein and gold colours, how strongly the inks swirl, the scale, and the strength of each set of veins. The demo has three presets: Rose quartz, Ocean agate and Blush and gold.

What you get: a GLSL ES 3.00 fragment shader for plain WebGL2, an ES module that returns a three.js ShaderMaterial, a Shadertoy version, and a demo page that runs offline with a small settings panel. For video editors there is a 10-second 1920 x 1080 H.264 loop that plays end to start without a seam.

It runs in one pass with no textures needed, at about 3.1 ms of GPU time per frame at 1920 x 1080 on a recent laptop. The README covers set-up in WebGL2, three.js and Shadertoy, every uniform with its default and range, and performance notes.

What you download

6 files · 11.0 MB · MD, HTML, MP4, FRAG, GLSL, JS

  • README.md10 KB MD
  • liquid-marble-demo.html25 KB HTML
  • liquid-marble-loop-1080p.mp411.0 MB MP4
  • liquid-marble.frag8 KB FRAG
  • liquid-marble.shadertoy.glsl7 KB GLSL
  • liquid-marble.three.js9 KB JS

Details

Shelf
Shaders
Type
Single file
Formats
GLSLMP4
Licence
Personal or commercial

What the licence allows

Personal licence
  • Use it in projects for yourself, for learning, and in your portfolio.
  • Change it and combine it with other work.
  • Keep using it forever. The licence does not expire.
  • Use it in anything that earns money, including client work and monetised video.
  • Use it in a product, a game or an app that is sold or carries ads.
  • Resell, redistribute or share the file.
  • Put it into a dataset used to train a model.
Commercial licence
  • Use it in unlimited commercial projects, including client work.
  • Ship it inside products you sell: games, apps, films, print runs, print-on-demand.
  • Use it in monetised and sponsored content, and in broadcast.
  • Change it, and keep the result. No credit required, though it is always welcome.
  • Keep using it forever. The licence does not expire.
  • Resell or redistribute the asset as an asset, on its own or in a pack.
  • Register it, or anything substantially it, as a logo or trademark.
  • Put it into a dataset used to train a model.
The full licence

Better together

Also in this pack

Shaders

More from this shelf

See the shelf
12 itemsSave 53%New
Shaders

Shader Collection: All Twelve WebGL Backgrounds

All twelve shaders in the collection, from holographic foil and glitter to aurora, clouds and a heart transition, each as WebGL2, three.js, Shadertoy and a 1080p video loop.

from$39$84
New
Shaders· GLSL · MP4

Water Caustics Shader

Bright caustic light rippling over aqua and turquoise water, with optional pool tiles: a WebGL2 shader, a three.js material, a Shadertoy version and a 1080p loop.

from$7
New
Shaders· GLSL · MP4

Pastel Clouds Shader

Soft clouds drifting across a peach, pink and lilac sunset sky, lit gold by a low sun: a WebGL2 shader, a three.js material, a Shadertoy version and a 1080p loop.

from$7
New
Shaders· GLSL · MP4

Mesh Gradient Flow Shader

A soft, slowly moving mesh gradient in five colours you choose: a WebGL2 shader, a three.js material, a Shadertoy version and a seamless 1080p video loop.

from$7
New
Shaders· GLSL · MP4

Lava Lamp Blobs Shader

Coral, tangerine and pink wax blobs rising, merging and pooling on cream, like a lava lamp: a WebGL2 shader, a three.js material, a Shadertoy version and a 1080p loop.

from$7
New
Shaders· GLSL · MP4

Holographic Foil Shader

Iridescent pastel foil that shifts its rainbow as the pointer moves, with crystal shards and twinkling glints. For holo cards, stickers and dreamy hero backgrounds.

from$7
New
Shaders· GLSL · MP4

Heart Dissolve Transition Shader

A transition that melts one picture into another through soft patches, with a glowing pink edge that breaks into little hearts: WebGL2, three.js and Shadertoy versions.

from$7
New
Shaders· GLSL · MP4

Halftone Dots Shader

Turns any image or video into printed halftone dots, in two inks or cyan, magenta and yellow, with a built-in test scene: WebGL2, three.js and Shadertoy versions.

from$7
Liquid Marble ShaderPersonal licence · $7
Sign in to buy
Shelves
PrintablesPlanners, diaries, trackers, stationery and wall art, print-ready at A4 and US Letter. 80 Art & iconsVector illustration, icon sets and line-art prints. 13 PatternsSeamless repeats and surface design, tileable at any scale. 26 AudioLoops, beats, ambient beds and music, mixed and mastered. 4 Sound FXInterface clicks, game sounds and foley, trimmed and normalised. 5 3DLow-poly props and modular kits as glTF, ready to drop into a scene. 34 Video FXLUTs, overlays, transitions and Lottie animations. 34 ShadersGLSL and WebGL effects you can paste into a project. 13 BundlesPacks that cross the shelves, priced below their parts. 6
↑ ↓ to move↵ to open