Silk Ribbon
Three twisting gradient ribbons sweep through space on a light editorial page. The cursor bends them.
- 5.4 KB .bexode
- 8 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// silk-ribbon.bexode goes in /public (download it below)
export function SilkRibbon() {
return (
<ExodeUICanvas
src="/silk-ribbon.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
style={{ width: '100%', height: 560 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
title | Text | Financial infrastructure, in motion. | — |
sub | Text | Silk ribbon · procedural 3D | — |
speed | Number | 1 | 0.1 – 3 |
accent | Text | #635bff | hex colour |
accent2 | Text | #ff6ec7 | hex colour |
accent3 | Text | #ffb86b | hex colour |
bg | Text | #f6f5f2 | hex colour |
text | Text | #0e1022 | hex colour |