ElevenLabs-inspired landing page block with a live Smooth Orb hero, product families, audio player, and voice cards.
pnpm dlx shadcn@latest add @spaceui/block-eleven-labs| File | Role |
|---|---|
components/blocks/eleven-labs/index.tsx | Main landing page & hero orb carousel |
components/blocks/eleven-labs/data/flags.ts | Language codes, flag mappings & SVG assets |
components/blocks/eleven-labs/data/index.ts | Voices, products, agents & initial data |
components/blocks/eleven-labs/components/shared.tsx | Shared icons, buttons & layout primitives |
components/blocks/eleven-labs/components/speech-select.tsx | Accessible portal-based dropdown select |
components/blocks/eleven-labs/components/code-controls.tsx | All-in-one AI editor code controls |
components/blocks/eleven-labs/sections/creative-platform/ | ElevenCreative section & feature cards |
components/blocks/eleven-labs/sections/product-tabs/ | Product tabs (Agents, API, Creative) |
components/orb/smooth | Hero orb (registry dependency) |
components/shader/silk-gradient | Silk gradient shader (registry dependency) |
public/mastermind/ | Product and voice artwork |
The orb in the hero uses ambient audio. Point textureUrl at another image if you replace the creative stills.
pnpm dlx shadcn@latest add @spaceui/components-spaceui-uipnpm dlx shadcn@latest add @spaceui/block-eleven-labs