Skip to main content

Smart Speaker

A fabric speaker whose light ring listens when you hover and answers with a voice waveform when you click.

  • 6.1 KB .bexode
  • 10 live inputs
  • Responsive fit Layout
Live runtime

Use it

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

import { ExodeUICanvas } from 'exodeui';

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

Inputs

InputTypeDefaultRange
nameTextEcho Halo—
taglineTextRoom-filling sound with a voice that actually listens. Wrapped in recycled wool.—
ctaTextBuy · $199—
replyTextPlaying your Focus mix in the living room.—
colorText#5b6470hex colour
speedNumber10.1 – 3
accentText#46d9ffhex colour
accent2Text#a66bffhex colour
bgText#0a0b0ehex colour
textText#eef1f5hex colour

Events (via onTrigger): ctaClick