Skip to main content

Holo Card

A luxury 3D holographic iridescent foil card with gyro pitch and yaw tilt, dynamic rainbow diffraction sheen, micro sparkle glitter, and EMV chip.

  • 4.3 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';

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

Inputs

InputTypeDefaultRange
holderTextSATOSHI NAKAMOTO—
tierTextFOUNDER PASS // 001—
numberText•••• •••• •••• 2026—
speedNumber10.1 – 4
accentText#8b5cf6hex colour
accent2Text#06b6d4hex colour
bgText#07070bhex colour

Events (via onTrigger): cardTap