Animated Textarea Components

Dev Design Library indexes 32 Animated textarea components from 24 open-source UI libraries, with the most coming from Notra, Spectrum UI, Kokonut UI, Arc Library and SpaceUI. 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 textarea components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Textarea components belong to the Inputs 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.
• Textarea 11 - MentionsShadcn Space · ReactComment textarea that suggests people when you type @, with keyboard navigation, Enter or Tab to insert, and a mention…
• 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.
• TextareaHextaUI · ReactMulti-line text that grows smoothly with what you write between a minimum and maximum number of rows, with counters…
• 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.
• Liquid TextareaLiquefy UI · ReactTextarea in liquid glass style.
• Prompt InputEaseUI · ReactA chat composer that grows with its content, submits on Enter, and crossfades its send button into a stop button while…
• Glass TextareaOpaline · ReactA multi-line field on glass that grows with its content, with a counter and a footer slot.
• 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.
• TextareaFluid Functionalism · ReactMulti-line text field with the Input's hairline that grows with its content. Pairs with Field.
• Textarea 12 - Autosave DraftShadcn Space · ReactNotes textarea that autosaves after you stop typing, with unsaved, saving, and saved x seconds ago states plus word…
• Codex ComposerNotra · ReactThe prompt band with a block cursor, the model and directory status line and shortcut hints.
• Mention inputArc Library · ReactA textarea with @people and #channel mentions that act as single tokens, with suggestions at the caret.
• Morphing AreaSpaceUI · ReactAdaptive aspect ratio surface with constant-area morphing for any child element, card, or media.
• 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 textarea components

• Notra
• Spectrum UI
• Kokonut UI
• Arc Library
• SpaceUI

Related categories

• Textarea Components
• React Textarea Components
• Tailwind CSS Textarea Components
• shadcn/ui Textarea Components
• Animated Input Components
• Animated Text Input Components
• Animated Select Components
• Animated Slider Components
• Animated Switch Components
• Animated Form Components
• Animated Search Input Components
• Animated Checkbox Components
• Animated Segmented Control Components
• Animated Form Field Components
• Animated Rating Components
• Animated File Upload Components
• Animated Range Slider Components
• Animated Wheel Picker Components
• Animated Knob Components
• Animated Color Picker Components