Radiant

Production-ready shaders & effects for the web. No dependencies. Just drop in.

v1.0 — Initial release with 50+ shaders and effects

Browse Collection GitHub

Chromatic Intensity Speed Drag to rotate

Featured

A curated selection from the collection.

36— inspired by The Weeknd

Physics-based black hole with raytraced gravitational lensing, volumetric accretion disk, and Doppler beaming.

20— inspired by Beyoncé

Gilded Fracture

Kintsugi-inspired golden cracks spreading across dark surface with molten gold light bleeding through.

12— inspired by Dua Lipa

Spring-connected grid mesh with traveling force impulses, tension-colored connections in cyan and magenta.

Flow Field with Particle Trails

Particles following Perlin noise currents with warm amber trails.

68— inspired by Olivia Rodrigo

Paper surface tearing apart with fibrous edges revealing warm volumetric light underneath, then reforming.

40— inspired by Ariana Grande

Flowing layered silk fabric with anisotropic specular highlights, parallax depth, and warm translucent overlap.

Browse Full Collection →

How to Use

No npm. No build step. No dependencies.

1

Pick

Browse the collection and find a shader you love. Each one is a single, self-contained HTML file.

2

Copy

View the source and copy it. That's the whole thing. No packages, no imports, no bundler config.

3

Remix with AI

Paste the source into Claude Code, Cursor, Codex, or any AI coding tool. Ask it to change colors, adjust timing, or adapt the effect for your project.

What's New

v1.0 March 18, 2026

Initial release with 50+ production-ready shaders and effects
Gallery with filtering by tag, technique, and inspiration
Interactive homepage with color scheme selector
MIT licensed, zero dependencies

Open Source

Radiant is free and open source under the MIT license. Use these shaders however you like — personal projects, commercial products, client work.

If they bring you joy or save you time, consider leaving a tip.

View on GitHub Leave a tip →