Rising Lines
A field of hairlines with streaks of light racing up them. Lines near the cursor brighten and speed up.
- 3.5 KB .bexode
- 9 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// rising-lines.bexode goes in /public (download it below)
export function RisingLines() {
return (
<ExodeUICanvas
src="/rising-lines.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
style={{ width: '100%', height: 560 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
title | Text | Ship at the speed of light. | — |
sub | Text | Rising lines background | — |
gap | Number | 28 | 10 – 120 |
density | Number | 1 | 0.1 – 4 |
speed | Number | 1 | 0.1 – 3 |
accent | Text | #ff4fa3 | hex colour |
accent2 | Text | #7c5cff | hex colour |
text | Text | #f5eef8 | hex colour |
bg | Text | #08060b | hex colour |