Camera Lens
A prime lens head-on: nine aperture blades open and close with the cursor, bokeh glows through the glass, and a click fires the shutter.
- 6.3 KB .bexode
- 7 live inputs
- Responsive fit Layout
Use it
The code follows your customizations. Install with npm i exodeui.
import { ExodeUICanvas } from 'exodeui';
// camera-lens.bexode goes in /public (download it below)
export function CameraLens() {
return (
<ExodeUICanvas
src="/camera-lens.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 | Lumen 50 f/1.2 | — |
tagline | Text | Eleven elements, nine rounded blades and a focus motor you will never hear. | — |
cta | Text | Pre-order · $1,899 | — |
speed | Number | 1 | 0.1 – 3 |
accent | Text | #e63b2e | hex colour |
bg | Text | #09090a | hex colour |
text | Text | #f0efec | hex colour |
Events (via onTrigger): ctaClick