Inline Edit Components

Dev Design Library indexes 23 inline edit components from 17 open-source UI libraries, with the most coming from Watermelon UI, Lobe UI, uselayouts, Spectrum UI and Rare UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. Inline edit components belong to the Inputs group.

• EditableChakra UI · ReactUsed for inline renaming of some text.
• EditableArk UI · ReactA component that allows users to edit text in place.
• Data grid with spreadsheet editingReUI · ReactData grid with spreadsheet editing
• EditablePark UI · ReactA component for inline text editing with confirmation controls.
• Editable TextLobe UI · React
• AI Inline EditKokonut UI · ReactSelect text in a document and ask AI to rewrite it. The edit streams in place as a word-level diff you accept, discard…
• Delete ButtonRare UI · ReactA delete button that asks for confirmation in place, no dialog needed.
• Inline EditSpectrum UI · ReactA selection-anchored AI edit: suggestion toolbar, word diff, accept or reject.
• Input 25 - Inline EditShadcn Space · ReactClick-to-edit text that turns into an input, with Enter to save, Esc to cancel, and empty-value validation.
• Inline Edituselayouts · ReactAn input that switches between read and edit modes.
• EditableShark UI · ReactAllows user to edit text in-place.
• Editable ChipWatermelon UI · React
• Inline editArc Library · ReactRename in place: the text becomes a field without moving.
• Inline EditUI Lab · ReactEdits your name and bio in place without moving a pixel.
• Inline EditFLX UI · ReactInline Edit for Settings.
• Inline EditReactFrame · ReactClick-to-edit text that turns into an auto-sizing input with save/cancel controls, validation, async save support and…
• Editableark-cn · ReactA shadcn-style editable component built with Ark UI primitives.
• Chat Editable MessageLobe UI · React
• Inline EditWatermelon UI · React
• Chat Editable Message ListLobe UI · React
• Inline Edit BaseWatermelon UI · React
• Split To EditWatermelon UI · React
• Split To Edit BaseWatermelon UI · React

Libraries with inline edit components

• Watermelon UI
• Lobe UI
• uselayouts
• Spectrum UI
• Rare UI

Related categories

• Tailwind CSS Inline Edit Components
• Animated Inline Edit Components
• Input Components
• Text Input Components
• Select Components
• Form Field Components
• Form Components
• Textarea 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