Textarea Components

Dev Design Library indexes 201 textarea components from 66 open-source UI libraries, with the most coming from Watermelon UI, Origin UI, Oxbow UI, LocalMode and Shadcn Space. Each one links to its page with the source code, a live preview where available, the library license and the install command. Textarea components belong to the Inputs group.

Showing 120 of 201, a mix from every library. Open a library to see all of its components.

• Textareashadcn/ui · ReactDisplays a form textarea or a component that looks like a textarea.
• Textarea AutosizeMUI / Material UI · React
• Prompt BarReact Bits · ReactChat composer with an @ sources menu, a / commands menu, a model picker, dictation and attachments, whose send tile…
• TextareadaisyUI · CSS (Tailwind)
• TextareaChakra UI · ReactUsed to enter multiple lines of text.
• TextareaHeroUI · ReactA multiline text input component with styled border and background for collecting longer user input.
• TextareaHeadless UI · React
• Ai ChatReact Spectrum · React
• Composercoss ui · ReactA composer for chat and AI assistant interfaces, with a growing input, persistent actions, and optional mentions or…
• TextareaOrigin UI · ReactA native textarea element.
• Text AreaRadix Themes · React
• Textarea Auto HeightPreline UI · JavaScript (HTML + Tailwind)
• Prompt ComposerCult UI · ReactMultiline prompt field with shader avatar, staggered placeholder, loading line, and send/attach chrome
• TextareaTremor · React
• Chat composerReUI · ReactA chat composer that inserts emoji at the caret and keeps the draft in view.
• AI Prompt Input StudioAmicro Micro Transitions · ReactDynamic auto-expanding AI textarea with model switcher, live voice dictation wave pulse, web search & deep thinking…
• Prompt InputAI Elements · ReactAllows a user to send a message with file attachments to a large language model. It includes a textarea, file upload…
• TextareaPark UI · ReactA form input component for entering multi-line text.
• Chat Chat Input AreaLobe UI · React
• AI Input SearchKokonut UI · ReactAI composer with a Tools menu (browse, investigate, draft, run code, reason), a model picker and a live trace that…
• textareaIntent UI · Reacttextarea
• TextareaUntitled UI React · React
• Chat AppbeUI · ReactA complete agent conversation workspace composing navigation, messages, streaming, planning, approvals, tools, code…
• Text AreaTailGrids · ReactA multiline text input component.
• AI Chat CardSpectrum UI · ReactAn AI chat card that types prompts into its composer, with send, attach and reset actions.
• TextareaVengeance UI · React
• Input MessageFluid Functionalism · ReactChat-style message composer with auto-resizing textarea, drag-and-drop file attachments (PNG / JPEG / PDF), flexible…
• Code Textarea ControlToolcraft · React
• Ai InputPanel UI · React NativeA prompt composer: a field that grows to five lines, a row of controls, and the sheet they open.
• Label 04 - With TextareaShadcn Space · ReactLabel component with textarea
• Textarea Field InputOpenSourceUI · React
• 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
• Agent ChatBoardUI · React
• TextareaTremor Blocks · React
• TextareaShadcn Dashboard · React
• Prompt InputAI Elements (Svelte) · SvelteA composable prompt input surface with attachments, action menus, and provider-driven text handling.
• TextareaObsidianUI · React
• ChatGPT ComposerNotra · ReactThe pill-shaped Ask anything input with model picker and send button.
• Textarea 01Oxbow UI · AstroDynamic character limit with warning
• AI InputNexvyn UI · ReactAI composer textarea with auto-grow, send/stop button morph, attachment slots, and Enter-to-send.
• TextareaShark UI · ReactForm textarea or textarea-styled component.
• Ai Input 001Watermelon UI · React
• Chat threadArc Library · ReactA chat thread with grouped messages, reactions, read receipts, typing, and a composer with attachments.
• Textareaglasscn · React
• TextareaHextaUI · ReactMulti-line text that grows smoothly with what you write between a minimum and maximum number of rows, with counters…
• Chat BlockLocalMode · ReactThe flagship on-device chat: a 76-model multi-provider selector (transformers, WebLLM, wllama GGUF, LiteRT) with…
• Agent chatCojeev UI · ReactA composable agent conversation with a bounded thread, draft composer, attachments, progress, explicit permissions and…
• AI ComposerROI UI · ReactAn AI chat input component with mode selector and action buttons.
• Vanish InputVelora UI · ReactSearch field whose placeholder cycles while empty.
• Agent Chat PatternHalaska UI · React
• Chat Input With Voice And Send Buttonsv-particles · Svelte
• 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…
• Aria TextareaReScript shadcn · ReScript
• AI Chat BoxSkecher UI · ReactA polished AI prompt composer with model controls, attachments, and animated interaction states.
• Text AreaOUI · ReactReact aria components Text Area with shadcn characteristics.
• Liquid TextareaLiquefy UI · ReactTextarea in liquid glass style.
• AI Content Creator CardD2Studio UI · ReactPro version content creation card
• 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.
• Chat ComposerFibo · ReactA message box built from parts around one draft, so each chat surface composes its own.
• TextareaReactFrame · ReactAn accessible textarea with outline, filled, and underline variants, label/helper/error text, optional auto-resize and…
• Placeholders And Vanish InputAceternity UI · React
• Textareaark-cn · ReactA shadcn-style textarea component built with Ark UI primitives.
• Ai Prompt FieldReact Spectrum · React
• Textareacoss ui · ReactA native textarea element.
• Comp 59Origin UI · React
• Basic textarea.ReUI · ReactBasic textarea.
• Chat Message InputLobe 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…
• Prompt InputbeUI · ReactCan anchor the composer beneath active resource content.
• Autosize Textarea DependenciesSpectrum UI · Reactcomponent for the Autosize Textarea Dependencies
• TextareaFluid Functionalism · ReactMulti-line text field with the Input's hairline that grows with its content. Pairs with Field.
• TextareaToolcraft · React
• TextareaPanel UI · React NativeText field that runs to several lines, sized in rows.
• Textarea-01 - Feedback TextareaShadcn Space · ReactTextarea component
• TextareaBoardUI · React
• Claude Code PromptNotra · ReactThe input between two rules with the permission mode, PR link and effort below.
• Textarea 08Oxbow UI · AstroTextarea with Clear Button
• Template AiShark UI · React
• Ai Input 002Watermelon UI · React
• Mention inputArc Library · ReactA textarea with @people and #channel mentions that act as single tokens, with suggestions at the caret.
• Document QA BlockLocalMode · ReactExtractive question answering (Xenova/distilbert-base-cased-distilled-squad, grounding corpus context via…
• Conversation panelCojeev UI · ReactA reusable conversation panel composed from Cojeev base components.
• Prompt Input PatternHalaska UI · React
• Message Composer With Attachmentssv-particles · Svelte
• TextareaMetal UI · React + SwiftUISeveral lines of text in the field well that grows with what is written on the settle spring; with a limit, a counter…
• Morphing AreaSpaceUI · ReactAdaptive aspect ratio surface with constant-area morphing for any child element, card, or media.
• Base TextareaReScript shadcn · ReScript
• AI Content Creator Card v2D2Studio UI · ReactGlassmorphic AI content generator card with content type and tone pickers and a prompt field.
• TextareaEaseUI · ReactTextarea that grows with its content instead of scrolling, down to three rows and up to a scrollable cap.
• TextareaFibo · ReactSeveral lines of free text that grow with the content.
• Comp 60Origin UI · React
• Invalid textarea.ReUI · ReactInvalid textarea.
• Mobile Chat Input AreaLobe UI · React
• Input ModelSpectrum UI · Reactcomponent for the Input Model Demo
• Web TextareaPanel UI · React Native
• Textarea-03 - Required TextareaShadcn Space · ReactTextarea component
• Claude ComposerNotra · ReactThe claude.ai message box with model picker, dictation and a morphing send button, built on shadcn Button and…
• Textarea 09Oxbow UI · AstroTextarea with character limit countdown
• Ai Input 003Watermelon UI · React
• TextareaArc Library · ReactA multiline field for notes, descriptions, and longer text.
• PII Redactor BlockLocalMode · ReactDetect PII with on-device NER (Xenova/bert-base-NER, BIO prefixes stripped, low-confidence filtered), redact it with…
• TextareaCojeev UI · ReactCollects multiline text and offers composer and character-count parts for longer input.
• Text AreaHalaska UI · React
• Mini Editor Group Togglesv-particles · Svelte
• TextareaSpaceUI · ReactAllows users to type multi-line text, comments, or long descriptions with support for auto-expanding height as they…
• Siri Prompt InputD2Studio UI · ReactTabbed AI prompt input with assistant, blog and pro modes plus file upload.
• Comp 61Origin UI · React
• Textarea with label.ReUI · ReactTextarea with label.
• Metal Prompt BarSpectrum UI · ReactAn AI prompt bar with a live liquid-metal send button that reflects onto the chips beside it.
• Textarea-05 - Auto growing textareaShadcn Space · ReactTextarea component
• Codex ComposerNotra · ReactThe prompt band with a block cursor, the model and directory status line and shortcut hints.
• Textarea 10Oxbow UI · AstroTextarea with Live Word Limit
• Ai Input 004Watermelon UI · React
• Model Evaluator BlockLocalMode · ReactEvaluate a selected classifier over a selected labeled dataset via useEvaluateModel, reporting accuracy plus macro…
• With Textareasv-particles · Svelte
• AI Writing AssistantD2Studio UI · ReactAI writing assistant panel with assistant, blog and pro modes and a prompt field.

Libraries with textarea components

• Watermelon UI
• Origin UI
• Oxbow UI
• LocalMode
• Shadcn Space

Related categories

• React Textarea Components
• Tailwind CSS Textarea Components
• Animated Textarea Components
• shadcn/ui Textarea Components
• Input Components
• Text Input Components
• Select Components
• Form Field Components
• Form Components
• Switch Components
• Checkbox Components
• Slider Components
• Radio Components
• Combobox Components
• File Upload Components
• Search Input Components
• Date Picker Components
• Login Form Components
• Color Picker Components
• OTP Input Components