A golden-hour coastline shot on film, with warm light leaks drifting across the frame, an edge burn, moving grain, gate weave and a running timecode. The caption sits low on the left like a home-movie title.
Reel 02 · Kodak 500T
Eleven days of salt, static and borrowed cars, cut together from the rolls we almost threw away.
Cabo da Roca, Portugal
npx shadcn@latest add https://hyperblur.dev/r/cinema-light-leak.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/cinema-light-leak.tsx.
import { CinemaLightLeak } from "@/components/hyperblur/cinema-light-leak"
<CinemaLightLeak title="Road trip, 2019" location="Big Sur, California" intensity={0.7} />| Prop | Type | Default | Description |
|---|---|---|---|
| reel | string | "Reel 02 · Kodak 500T" | Monospace line above the title. Empty hides it. |
| title | string | "Summer, unedited" | Main title. |
| caption | string | "Eleven days of salt, static and borrowed cars..." | Paragraph under the title. Empty hides it. |
| location | string | "Cabo da Roca, Portugal" | Pill with a pin glyph. Empty hides it. |
| intensity | number | 0.85 | Strength of the light leaks and the edge burn, from 0 to 1. |
| grain | number | 0.5 | Opacity of the animated grain, from 0 to 1. |
| speed | number | 1 | Multiplier for the leak, weave and sway timing. |
| warm | string | "#ff7a2f" | Base color of the leaks and the burn. |
| headingAs | "h1" | "h2" | "h1" | Heading level of the title. Use h2 when the page already has an h1. |