Voice AI Platform
UI Components Showcase - Dark Theme with Dynamic Theming Support
Button Components
Various button styles and sizes with hover effects
Variants
Sizes
Disabled State
Form Components
Input fields and select dropdowns with validation support
This field is required
Please select a valid option
Dialog Component
Modal dialogs for user interactions and confirmations
Card Title
Card description goes here
This is a basic card with header, content, and footer sections.
Statistics
Platform overview
Quick Actions
Common tasks
Table Component
Data tables with sortable columns and row actions
| ID | User | Type | Status | Date | Actions |
|---|---|---|---|---|---|
| #001 | John Doe | Interview | Completed | Nov 20, 2025 | |
| #002 | Jane Smith | Survey | In Progress | Nov 20, 2025 | |
| #003 | Bob Johnson | Assessment | Failed | Nov 19, 2025 |
Voice Orb Component
Animated particle constellation orb for voice AI assistant visualization
Sizes
Small (100px)
Medium (150px)
Large (200px)
Features
- Particle constellation with organic floating motion
- Dynamic connections between nearby particles
- Slow rotation and wobble effects
- Talking animation with expand/contract pulse
- Audio level responsive intensity
- Adapts to theme primary colors automatically
- Retina display support (HiDPI)
- 60 FPS smooth animation
Talking Animation (Interactive)
Higher levels create more intense pulsing expansion
States
Idle
Talking (Low)
Talking (High)
Full Display
Dynamic Theming System
The primary color can be customized per organization - works with all components including VoiceOrb
Default Theme (Blue)
Custom Theme (Green)
Custom Theme (Orange)
Custom Theme (Purple)
Custom Theme (Pink)
Voice AI Platform - Modern UI Components with Dark Theme
Supports dynamic theming for multi-tenant customization