AI Edit Review React component

AI Edit Review is a free inline AI editing surface: a paragraph with one highlighted passage and a dock underneath offering rewrite actions such as Improve, Shorten and Translate. Picking one makes the passage shimmer while a small particle orb works, then shows a word-level diff in place, with removed words struck through and added words streaming in, while the dock shows the added and removed word counts next to Reject and Accept.

The text is split into before, selected and after, and actions is a list of up to five { label, result } pairs; the component computes the diff between selected and each result itself. selectionColor, addColor and removeColor color the highlight and the diff, workColors, reviewColors and doneColors the edge glow, and the dock morphs its width for each state. onStart, onAccept and onReject report the user's choice, a live region reads the state and word counts, and actions started from the keyboard move focus to the next state's main button.

Use it to build or demo AI writing features in editors, CMS fields, email composers or docs tools, where people must see exactly what the model changed before it is applied.

For free-form prompting instead of fixed rewrite actions, pair a text area with AI Chat Prompt.