Voice Input
Voice input is an AI interface design pattern that enables users to interact with AI through speech, with real-time transcription and visual feedback showing listening state, transcription progress, and audio levels. This UX pattern makes AI accessible to users who prefer speaking over typing, are on mobile devices, or have accessibility needs. The interface provides clear visual indicators showing when the AI is listening, processing, or ready for input, with real-time transcription appearing as users speak. This pattern is essential for mobile applications, accessibility-focused tools, and hands-free interaction scenarios where voice input provides a more natural and convenient way to interact with AI.
Use Case
Essential for mobile applications, accessibility tools, and hands-free interaction scenarios where voice input provides a more natural and convenient interaction method.
Examples in Wild
Use this pattern in your project
Copy this prompt to generate a production-ready implementation in Cursor, Claude Code, Lovable, or any AI coding agent.
Generate a production-ready implementation of the "Voice Input" AI interface design pattern.
Pattern Description:Related Patterns
Tool Switching in Composer
Switch between AI capabilities within composer
Context Chip Management
Adding context sources via menu with removable chips
Input Mode Toggle
Switch between text, voice, and dictation modes
Follow-up Chips
Suggested next turns
Command Bar
Cmd+K for AI
Context Mentions
Reference files via @
Get new patterns by email
Weekly AI interface UX notes and resources on Substack, no spam, unsubscribe anytime.