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.
A procedural isometric skyline that rotates slowly under fog. Most towers take their tones from --border and --muted-foreground; a handful pulse with --primary like lit offices at night.
Customize
City size14
Density0.8
Speed1
Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | number | 14 | Blocks per side of the city grid. |
density | number | 0.8 | Chance (0–1) that a lot gets a building. |
speed | number | 1 | Rotation and pulse speed multiplier. |
className | string | — | Classes for the wrapper element (set its height here). |
theme | "auto" | "light" | "dark" | "auto" | Color source. auto reads the live shadcn theme. |
sizenumberBlocks per side of the city grid.
Default
14densitynumberChance (0–1) that a lot gets a building.
Default
0.8speednumberRotation and pulse speed multiplier.
Default
1classNamestringClasses for the wrapper element (set its height here).
Default
—theme"auto" | "light" | "dark"Color source. auto reads the live shadcn theme.
Default
"auto"