AI Inline Edit

Select text in a document and ask AI to rewrite it. The edit streams in place as a word-level diff you accept, discard or try again.

Library

Kokonut UI

Framework

React

Type

component

License

MIT

Dependencies

lucide-react, motion

Install

npx shadcn@latest add @kokonutui/ai-inline-edit

Files

• components/kokonutui/ai-inline-edit.tsx
• lib/utils.ts

Source

https://github.com/kokonut-labs/kokonutui

Categories

• Inline Edit Components
• Tailwind CSS Inline Edit Components
• Animated Inline Edit Components
• Input Components
• React Input Components
• Tailwind CSS Input Components
• Animated Input Components

More from Kokonut UI

• Command Palette
• Activity Terrain
• AI Agent Lanes
• AI Attachment
• AI Autocomplete
• AI Conversation Branches
• AI Checkout
• AI Inline Citations
• AI Code Run
• AI Connect
• AI Context Meter
• AI Diff Review