Phone Spin
A slim phone turning on its axis from live screen to triple camera, with a floor reflection. Move to turn it, click to spin.
- 6.1 KB .bexode
- 9 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// phone-spin.bexode goes in /public (download it below)
export function PhoneSpin() {
return (
<ExodeUICanvas
src="/phone-spin.bexode"
fit="Layout" // responsive: redraws at any container size
autoPlay
interactive
onTrigger={(name) => {
// fires: 'ctaClick'
}}
style={{ width: '100%', height: 560 }}
/>
);
}Inputs
| Input | Type | Default | Range |
|---|---|---|---|
name | Text | Nova 12 Pro | — |
tagline | Text | Thinner than a pencil, brighter than daylight. A camera that sees in the dark. | — |
cta | Text | Order · from $999 | — |
color | Text | #3c4a5c | hex colour |
speed | Number | 1 | 0.1 – 3 |
accent | Text | #ff7a45 | hex colour |
accent2 | Text | #6a5cff | hex colour |
bg | Text | #08090c | hex colour |
text | Text | #f1f3f7 | hex colour |
Events (via onTrigger): ctaClick