Shadow Button
A tactile luxury button with multi-layer colored dynamic shadow casting, magnetic cursor tilt, and spring press physics.
- 3.4 KB .bexode
- 6 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// shadow-button.bexode goes in /public (download it below)
export function ShadowButton() {
return (
<ExodeUICanvas
src="/shadow-button.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
onTrigger={(name) => {
// fires: 'click'
}}
style={{ width: '100%', height: 360 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
label | Text | Get Access | — |
badge | Text | PRO | — |
accent | Text | #8926f1 | hex colour |
accent2 | Text | #ff5e7e | hex colour |
text | Text | #ffffff | hex colour |
bg | Text | #0c0a12 | hex colour |
Events (via onTrigger): click