Warp Tunnel
Hyperspace star streaks racing past the camera toward a clear vanishing point, colored from --foreground heads to --primary tails.
Hyperspace. Hundreds of star streaks race past the camera toward a clear vanishing point, colored from --foreground heads to --primary tails. Great as a full-bleed hero background.
Customize
Props
| Prop | Type | Default | Description |
|---|---|---|---|
count | number | 400 | Number of star streaks. |
speed | number | 1 | Warp speed multiplier. |
spread | number | 7 | Tunnel radius. |
className | string | — | Classes for the wrapper element (set its height here). |
theme | "auto" | "light" | "dark" | "auto" | Color source. auto reads the live shadcn theme. |
countnumberNumber of star streaks.
400speednumberWarp speed multiplier.
1spreadnumberTunnel radius.
7classNamestringClasses for the wrapper element (set its height here).
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
"auto"Iso City
A procedural isometric skyline that rotates slowly under fog. Towers take their tones from --border and --muted-foreground; a few pulse with --primary.
Phyllotaxis
A sunflower-style bloom of instanced petals placed by the golden angle, breathing from --primary at the core to --accent at the rim.