Linear Reveal
A headline revealed line by line behind a sweeping beam of light, then a slow shimmer. Click to replay.
- 3.6 KB .bexode
- 7 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// linear-reveal.bexode goes in /public (download it below)
export function LinearReveal() {
return (
<ExodeUICanvas
src="/linear-reveal.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
style={{ width: '100%', height: 560 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
headline | Text | Motion that means something. | — |
sub | Text | Linear reveal · click to replay | — |
speed | Number | 1 | 0.1 – 4 |
replay | Number | 0 | increment to replay |
accent | Text | #9d8bff | hex colour |
text | Text | #f3f1ff | hex colour |
bg | Text | #07060c | hex colour |