Godlights
Generate animated, fully customizable god ray effects.
Start new thread
gus

Godlights - Generate animated, fully customizable god ray effects.

by•
React library for creating stunning god rays and cinematic light effects with an intuitive visual editor. Customize colors, direction, spread, blur, and intensity in real time, then export as React code, PNG, or CSS for seamless integration into modern web apps.

Add a comment

Replies

Best
gus
Maker
📌
I built Godlights because I kept needing animated light effects for landing pages but every solution was either too complex (Blender, After Effects) or just a static PNG. The idea is simple: a React component that renders god rays on a canvas. You define a scene with layers (background, rays, halos), it animates smoothly, and you can export the result as PNG, CSS or a JSX component. The visual editor at godlights.vercel.app lets you design scenes visually and copy the config straight into your project. No manual tweaking needed. The npm package is the rendering engine on its own, zero runtime dependencies beyond React. Happy to answer any questions about how it works!