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
Drag to rotate

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.1 March 19, 2026
  • Mouse & touch interactivity for all shaders — move, click, or drag to interact
  • New shaders: Feedback Loop, Dither Gradient, Analog Drift, Shattered Plains, Painted Strata, Synth Ribbon, Hologram Glitch
  • Moonlit Ripple rewritten with 3D perspective, Fresnel water, and adjustable wave intensity
  • Eclipse Glow polished — asymmetric corona, softer diamond ring, cleaner particles
  • Gallery live mode toggle — opt-in to preview all visible shaders at once
  • Per-shader default color schemes
  • Performance improvements across many shaders
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 →