Flux Hero
A responsive full hero block with living rotating fluid gradient mesh, glowing badge, dual action buttons, and a 3D perspective dashboard preview card that reacts to cursor movement.
- 5.8 KB .bexode
- 9 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// flux-hero.bexode goes in /public (download it below)
export function FluxHero() {
return (
<ExodeUICanvas
src="/flux-hero.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
onTrigger={(name) => {
// fires: 'primaryClick', 'secondaryClick'
}}
style={{ width: '100%', height: 560 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
badge | Text | ✦ EXODE 2.0 IS LIVE | — |
headline | Text | Craft Living Interfaces at the Speed of Thought | — |
sub | Text | The next-generation motion design environment. Zero video bloat, sub-millisecond execution, complete state-machine control. | — |
primaryCta | Text | Start Creating Free | — |
secondaryCta | Text | Explore Showcase | — |
palette | Number | 0 | 0 – 4 |
speed | Number | 1 | 0.1 – 4 |
glow | Number | 1 | 0 – 2 |
accent | Text | #2868ff | hex colour |
Events (via onTrigger): primaryClicksecondaryClick