Wireframe Terrain
An endless flight over wireframe mountains — perspective-projected ridge lines scroll toward the camera and dissolve into fog at the horizon, with a calm valley down the middle for your content.
Installation
▸ Run the following command
npx shadcn@latest add https://www.mellowui.com/r/wireframe-terrain.json▸ Or install manually
- Copy the source from the Code tab above.
- Place it at
components/mellow/wireframe-terrain.tsx - Import and use.
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| speed | number | 1 | Flight speed multiplier. |
| amplitude | number | 1 | Mountain height multiplier. |
| lineColor | string | — | Wireframe colour — defaults to the theme ink. |
| horizon | number | 0.38 | Horizon position as a fraction of height, from the top. |
| cursor | boolean | false | Bank the camera toward the cursor. |
| children | React.ReactNode | — | Content rendered above the terrain. |
| className | string | — | Additional CSS classes. |