ComponentReactregistry:ui

AI Prompt Diff

prompt-diff

Compare system prompts with side-by-side or unified diff views. Shows added/removed line highlighting, line numbers, and copy buttons. Essential for prompt engineering and version tracking.

@elements Registry JSON

This item declares no source files.

Notes from the author

A compound component for comparing prompts. Supports unified and side-by-side diff views with LCS-based diff algorithm. Use AiPromptDiff as root with AiPromptDiffHeader, AiPromptDiffViewToggle, AiPromptDiffContent, and AiPromptDiffCopyButton sub-components.

Install

npx shadcn@latest add @elements/prompt-diff

Needs @elements in your components.json registries — switch to URL if it doesn't resolve.

Registry: @elements
Kind: Component
Framework: React
Files: 0 · 13.2 KB
Preview: Unavailable

npm dependencies

lucide-react

This item belongs to @elements. Registry Index indexes and previews it; check the registry's license before use.