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 82 shaders — move, click, or drag to interact
  • Auto-detected interaction hints on detail pages
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 →