Shaders/Solace
Building cool stuff @harshitlog
Interactive WebGL shaders · Ready to make your own

Shaders for a more expressive web.

A creative tool for building on the web. Explore effects, tune them live, and bring them into your websites, brand experiences, and digital products.

Available
01

Thermal pixel ink

Persistent heat, hard palette bands, and cursor-path mixing.

Explore shader →
Available
09

Particle assembly

Glossy particles resolve into editable wordmarks or a supplied SVG logo.

Explore shader →
Available
10

Refractive lens

A shapeable optical surface that redirects focus through supplied media.

Explore shader →
Available
12

Fluid distortion

A liquid rim and color field that keeps the momentum of your pointer.

Explore shader →
Available
11

Exposure grid

Camera-clean framing with independently shifting color and material samples.

Explore shader →
Available
13

Black hole portal

Gravitational lensing, frame dragging spin, and chromatic dispersion around an event horizon.

Explore shader →
Available
14

Specimen index

A botanical image becomes a living system of detected geometry, samples, and pointer constructions.

Explore shader →
Available
02

Viscous cursor dye

Velocity, curl and folded trails.

Explore shader →
Available
03

Reaction bloom

A pointer-triggered chemical garden.

Explore shader →
Available
04

Cellular contagion

Excite, burn, cool, repeat.

Explore shader →
Available
05

Repulsion lattice

A compact four-point aperture moving through a luminous halftone field.

Explore shader →
Available
06

Magnetic pixels

Spring-bound particles switch polarity under tension.

Explore shader →
Available
07

Chromatic refraction

Moving glass splits spectral layers around its rim.

Explore shader →
Available
08

Thermal etch burn

A volatile thermal front moves through generative etched linework.

Explore shader →