A theater facade in 3D with a neon crown, a vertical blade sign that spells the venue, chasing bulbs and a backlit letter board whose tiles swing onto their rails for each new program. The sign tilts with the pointer.
ORPHEUM
Since 1928 · 412 Alder Street
npx shadcn@latest add https://hyperblur.dev/r/cinema-marquee-sign.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/cinema-marquee-sign.tsx.
import { CinemaMarqueeSign } from "@/components/hyperblur/cinema-marquee-sign"
<CinemaMarqueeSign venue="Rialto" sets={[["Tonight", "Noir double bill", "8 PM"]]} />| Prop | Type | Default | Description |
|---|---|---|---|
| venue | string | "Orpheum" | Venue name in neon on the crown and the blade sign. |
| sets | string[][] | three programs of three lines | Programs shown on the letter board. Each program is a list of lines, best under 17 characters. |
| interval | number | 4600 | Milliseconds between programs. Stops after the user picks one. |
| tilt | boolean | true | Tilts the facade toward the pointer. |
| neon | string | "#ff3b6b" | Neon tube color. |
| bulbs | string | "#ffd88a" | Bulb glow color. |
| caption | string | "Since 1928 · 412 Alder Street" | Monospace line at the bottom. Empty hides it. |