Creative Tim UICreative Tim UI

AI audio studio with composer and waveform player - shadcn/ui

Audio studio panel with a Speech/Music segmented control and a prompt-first composer (inline voice/style select, duration preset pills, estimated speech length, Cmd+Enter to generate). The waveform player draws in during generation, supports click-to-seek and playback speeds, and a Recent list shows past generations with mini waveforms. Deterministic SSR-safe waveforms, theme tokens only.

Preview

Component Details

ID
ai-audio-generator-02
Type
Block
Access
Free
Category
AI Agents
Published
3 Apr 2026

Files Included

  • app/ai-audio-generator/page.tsx
  • components/creative-tim/blocks/ai-audio-generator-02.tsx

Components Used

Explore More Blocks

Account
AccountBeautiful and customizable account management components for React and Next.js. Build user profiles, settings, authentication flows, and account dashboards with ready-to-use blocks.
Product List
Product ListProfessional product listing and showcase components for React and Next.js. Build product grids, filtered lists, rating displays, and ecommerce product catalogs with customizable layouts.
Editorial
EditorialMagazine-quality editorial layouts where typography is the design. Multi-column spreads, text wrapping around images with pixel-precise line routing via Pretext, oversized words as visual anchors, pull quotes, drop caps, and the kind of spatial confidence you find in print — now in React.
Web3 Cards
Web3 CardsModern Web3 and blockchain card components for React and Next.js. Build wallet connection cards, NFT displays, token interfaces, and decentralized application card layouts.
Team
TeamProfessional team member showcase components for React and Next.js. Build team pages, member profiles, organization charts, and employee directories with customizable layouts.
Pricing
PricingProfessional pricing and plan comparison components for React and Next.js. Build pricing tables, subscription plans, feature comparisons, and pricing toggles with monthly/annual options.
Coming Soon
Coming SoonProfessional coming soon and launching soon page components for React and Next.js. Build launch pages with countdown timers, email subscriptions, video backgrounds, app previews, and notification signup forms.
Blog
BlogElegant blog components and content layouts for React and Next.js. Create beautiful article grids, post previews, author profiles, and content-rich blog experiences.