Godlights

Generate animated, fully customizable god ray effects.

5 followers

Generate animated, fully customizable god ray effects.

5 followers

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.

Free

Launch tags:Design Tools•Developer Tools•Vercel Day

Launch Team / Built With

Dropbox SignSimple, secure eSignatures for the way your team works.

Promoted

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!

Report

5mo ago

Forum Threads

p/godlights

•

5mo ago

How I use Godlights + AI to generate stunning SaaS landing pages in minutes

Hey PH community!

Since launching Godlights, I've been experimenting with a workflow that's been a game-changer for building SaaS landing pages fast.

The idea is simple: use an AI (Claude, ChatGPT, v0, etc.) to scaffold the page layout and copy, then drop Godlights in as the hero background and instantly get that premium, cinematic light effect that makes SaaS products look polished and expensive.

The workflow:

View all