⚡ OTC flow playground

Deep visual host, clean widget inside.

This page is intentionally overloaded with gradients, shadows and layered backgrounds so you can verify that the widget remains visually isolated in Shadow DOM and still looks good when embedded into a chaotic third-party layout.

Embedded OTC Widget

Layout stress test

Use this host page to test whether the widget ignores global styles and whether its own styling stays self-contained.

Integration

Load the widget bundle with type="module" and pass your data-api-key.

Listen for otc-start on window to redirect or open a transaction page.

Behavior

On-Ramp shows fiat → crypto. Off-Ramp shows crypto → fiat.

Notes

  • Use hard refresh after changes.
  • Keep the widget bundle small.
  • Prefer CSS variables for theming.