WebGL that
hands the context back

three.js effects, one self-contained file each. Only three — no three/addons, no fiber, no drei, and no textures, models or environment maps to ship alongside. Everything is generated in the file.

new effects added daily · a browser grants a page around 16 WebGL contexts, so this grid holds at most 6 and gives each one back on scroll

queued
1 draw

Aurora Curtain

moderate

Rays that arrive where a sampled sheet folds end-on, so no line of code decides where a ray belongs.

ambientcalmpremium
queued
1 draw

Contour Bands

light

Line width divided by the height gradient per pixel, so the lines crowd on steep ground without ever changing thickness.

ambientcalmminimal
queued
1 draw

Fog Bank

light

Slabs composited back to front, each dimming what is behind it, so the bank has an inside rather than a surface.

ambientcalmatmospheric
queued
90

Lattice Net

light

Edges recomputed from distance every frame with nothing created or destroyed, so the mesh thickens where nodes gather.

particles-3dtechnicalcalm
queued
1 draw

Molten Mirror

light

A four-number room sampled through a bent view direction, so every highlight is a reflection rather than a painted one.

ambientpremiumelegant
queued
1 draw

Plasma Bloom

light

Three fields multiplied rather than added, so light appears only where all three agree and most of the frame stays dark.

ambientcalmfuturistic
queued
1 draw

Silk Sheen

light

Brightness taken from thread direction rather than position, so the highlight moves because the cloth turned.

ambientpremiumcalm
queued
1,100

Star Parallax

light

Size, brightness and colour all read off one depth, so the field reads as distance rather than as assorted dots.

particles-3dcalmpremium
queued
5,329

Swell Surface

moderate

Points moved in circles rather than up and down, so crests peak and troughs flatten without either being shaped.

particles-3dcalmatmospheric
queued
1 draw

Thin Film Wash

light

Colour computed from film thickness at three wavelengths, so the sequence is interference and not a hue ramp.

ambientpremiumenergetic