Predictive Type
Predictive type is an AI interface design pattern that displays ghost text suggestions as users type, showing predicted sentence completions that users can accept with a single keystroke. This UX pattern uses AI to predict what users want to say next based on context, writing style, and common patterns, displaying suggestions in light gray text that users can accept by pressing Tab or continuing to type to ignore. This pattern accelerates writing by reducing typing effort, especially for repetitive or formulaic content like emails, messages, or forms. It's essential for communication tools, email clients, and text input applications where speed and convenience improve user experience.
Use Case
Perfect for email clients, messaging applications, and text input tools where predictive completions accelerate writing and reduce typing effort.
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 "Predictive Type" 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.