Dev Design LibraryAnimated Prompt Input Components
Dev Design Library indexes 24 Animated prompt input components from 20 open-source UI libraries, with the most coming from Notra, Spectrum UI, Kokonut UI, Cult UI and Nexvyn UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the prompt input components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Prompt input components belong to the AI group.
Prompt BarReact Bits · ReactChat composer with an @ sources menu, a / commands menu, a model picker, dictation and attachments, whose send tile…
Prompt ComposerCult UI · ReactMultiline prompt field with shader avatar, staggered placeholder, loading line, and send/attach chrome
AI Prompt Input StudioAmicro Micro Transitions · ReactDynamic auto-expanding AI textarea with model switcher, live voice dictation wave pulse, web search & deep thinking…
AI Input SearchKokonut UI · ReactAI composer with a Tools menu (browse, investigate, draft, run code, reason), a model picker and a live trace that…
Prompt InputbeUI · ReactCan anchor the composer beneath active resource content.
AI Chat CardSpectrum UI · ReactAn AI chat card that types prompts into its composer, with send, attach and reset actions.
Input MessageFluid Functionalism · ReactChat-style message composer with auto-resizing textarea, drag-and-drop file attachments (PNG / JPEG / PDF), flexible…
Ai InputPanel UI · React NativeA prompt composer: a field that grows to five lines, a row of controls, and the sheet they open.
Prompt Boxuselayouts · ReactA collapsed chat composer that expands into a textarea with a model menu and send control.
Prompt ComposerKinetics · HTML/CSSAn AI input grows with the thought, then commits to a run
Claude Code PromptNotra · ReactThe input between two rules with the permission mode, PR link and effort below.
AI InputNexvyn UI · ReactAI composer textarea with auto-grow, send/stop button morph, attachment slots, and Enter-to-send.
Chat threadArc Library · ReactA chat thread with grouped messages, reactions, read receipts, typing, and a composer with attachments.
Vanish InputVelora UI · ReactSearch field whose placeholder cycles while empty.
Prompt ComposerPin UI · React
AI composerMetal UI · React + SwiftUIA chat block: a composer that grows, attachments, a model choice, and replies that stream in word by word with stop…
Ai Chat WorkspaceSpaceUI · ReactFull-featured AI Studio chat workspace template featuring conversational threads, multi-model selection, real-time…
AI Chat BoxSkecher UI · ReactA polished AI prompt composer with model controls, attachments, and animated interaction states.
Prompt InputEaseUI · ReactA chat composer that grows with its content, submits on Enter, and crossfades its send button into a stop button while…
Placeholders And Vanish InputAceternity UI · React
AI Input SelectorKokonut UI · ReactAI chat input with a model menu, a separate Effort control, file chips you can drop or paste, a / command menu, and…
Metal Prompt BarSpectrum UI · ReactAn AI prompt bar with a live liquid-metal send button that reflects onto the chips beside it.
Codex ComposerNotra · ReactThe prompt band with a block cursor, the model and directory status line and shortcut hints.
OpenCode ComposerNotra · ReactThe prompt panel with agent, model, provider and effort, over a status row with the busy scanner, context and shortcuts.
Libraries with Animated prompt input components
Related categories
- Prompt Input Components
- React Prompt Input Components
- Tailwind CSS Prompt Input Components
- shadcn/ui Prompt Input Components
- Animated AI Element Components
- Animated AI Orb Components
- Animated Thinking Indicator Components
- Animated Streaming Text Components
- Animated Voice Input Components
- Animated Conversation Components
- Animated Generated Image Components
- Animated Tool Call Components
- Animated Reasoning Components
- Animated Suggestions Components
- Animated Task Queue Components