Skip to main content

Headphones

Over-ear headphones that pulse to the beat while sound waves radiate from the cups. Click to cycle four colourways.

  • 5.8 KB .bexode
  • 7 live inputs
  • Responsive fit Layout
Live runtime

Use it

The code follows your customizations. Install with npm i exodeui.

import { ExodeUICanvas } from 'exodeui';

// headphones.bexode goes in /public (download it below)
export function Headphones() {
  return (
    <ExodeUICanvas
      src="/headphones.bexode"
      fit="Layout"   // responsive: redraws at any container size
      autoPlay
      interactive
      onTrigger={(name) => {
        // fires: 'ctaClick'
      }}
      style={{ width: '100%', height: 560 }}
    />
  );
}

Inputs

InputTypeDefaultRange
nameTextStudio Max—
taglineTextForty hours of lossless sound, wrapped in memory foam and brushed aluminium. Four colourways.—
ctaTextShop · $449—
speedNumber10.1 – 3
accentText#ffb36bhex colour
bgText#0b0b0dhex colour
textText#f3f1edhex colour

Events (via onTrigger): ctaClick