Light Rays Sweep
BackgroundsA fan of soft gradient wedges rotates slowly from an off-frame source, with a bloom at the origin and a vignette holding it back from the edges
This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.
What you can change · 5 settings
Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.
- Raysrays · number
Number of light wedges.
now: 7
- Intensityintensity · number
Brightness of the rays. Keep it under 0.5 if foreground content sits on top.
now: 0.45
- Originorigin · "top-left" | "top-right" | "top"
Where the off-frame light source sits.
now: top-left
- Sweepsweep · number
Degrees the fan rotates across the shot. Small values read as slow and cinematic.
now: 22
- Brandbrand · string
Brand token id, one of the keys of BRANDS.
now: slate
For developers · source, dependencies and provenance
Dependencies
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Provenance
Prompt
God rays sweeping slowly across the frame from a light source just off the top-left corner, with a soft bloom at the origin, cinematic and slow enough not to distract from foreground content.
