Components
Canvas-based perspective synthwave grid with scrolling horizontal lines, neon glow, and configurable horizon.
npx neonblade add grid-floorDefault grid floor
Pink horizon
Low horizon, slow scroll
Static green wireframe
Props Configuration
| Prop | Type | Default | Description |
|---|---|---|---|
horizon | number | 0.45 | Horizon line as a fraction of container height (0–1). |
columns | number | 24 | Number of vertical perspective lines. |
rows | number | 18 | Number of horizontal grid rows receding into the distance. |
lineColor | string | "#00f3ff" | Color of the grid lines. |
glowColor | string | "#00f3ff" | Glow color applied as a drop-shadow to the lines. |
bgColor | string | "#050505" | Background fill color behind the grid. |
speed | number | 0.6 | Speed of the forward scrolling animation. Set to 0 to disable motion. |
opacity | number | 0.85 | Maximum opacity of the grid lines (0–1). |
lineWidth | number | 1 | Grid line width in pixels. |
className | string | undefined | Additional CSS classes for the canvas element. |