Orbit Border
A feature card with two beams of light orbiting its border and a spotlight that follows the cursor inside.
- 4.2 KB .bexode
- 10 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// orbit-border.bexode goes in /public (download it below)
export function OrbitBorder() {
return (
<ExodeUICanvas
src="/orbit-border.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
style={{ width: '100%', height: 360 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
eyebrow | Text | Realtime | — |
title | Text | Ship motion that reacts to your users | — |
body | Text | State machines, inputs and physics run in one tiny runtime. No video, no lag, every frame live. | — |
cta | Text | Explore the runtime | — |
speed | Number | 1 | 0.1 – 3 |
radius | Number | 22 | 0 – 60 |
accent | Text | #ffb84d | hex colour |
accent2 | Text | #ff5e7e | hex colour |
text | Text | #f6f1ea | hex colour |
bg | Text | #09080a | hex colour |