AI Input

Text input with command parser and AI-friendly UX.

~11.7 kB

Last updated: March 7, 2026

Installation

npx smoothui-cli add ai-input

npx smoothui-cli add ai-input

Features

Supports commands and inline hints
Keyboard shortcuts and focus states
Clear/submit actions built-in
Smooth micro-interactions
Accessible and themable

Accessibility

Keyboard Interactions

Key	Description
`Escape`	Closes the feedback textarea and returns to the dock
`Cmd + Enter`	Submits the feedback form

The submit shortcut is visually indicated with <kbd> elements showing the key combination

Reduced Motion

This component respects the prefers-reduced-motion media query via useReducedMotion from Motion. When reduced motion is preferred, all morph, fade, and layout animations are disabled instantly.

AI Branch

An animated AI branch component with smooth transitions and interactive elements.

Animated Avatar Group

A stack of overlapping avatars that smoothly expand on hover with staggered spring animations.