Artifact Panel

zyeon/artifact-panel

FreeComponent

A side panel for the file the assistant keeps rewriting — a revision rail with the prompt behind each one, preview / source / changes, per-revision scroll memory, and copy plus download that always take the revision you are looking at.

See it running

Open the demo on zyeon

ui.zyeon.ai/r/artifact-panel

Open

This registry sends X-Frame-Options, so its page cannot be embedded here. The link is the same page the frame would have shown.

Install it

npx shadcn@latest add https://ui.zyeon.ai/r/artifact-panel.json

What it pulls in

npm packages

lucide-react
zod

Other registry items

utils
https://ui.zyeon.ai/r/streaming-text.json

Files it writes

src/registry/ui/artifact-panel.tsx
src/registry/ui/artifact-panel.contract.ts

More from zyeon

All 517 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Accordionaccordion	zyeon	Components	Free	1 dep
Activity Heatmapactivity-heatmap	zyeon	Components	Paid	1 dep · 2 files
Address Formaddress-form	zyeon	Components	Paid	1 dep
Agent Graphagent-graph	zyeon	Components	Free	2 deps · 2 files
Agent Handoffagent-handoff	zyeon	Components	Free	1 dep
Agent Inboxagent-inbox	zyeon	Components	Free	2 deps · 2 files
Agent Permissionsagent-permissions	zyeon	Components	Free	2 deps · 2 files
Agent Planagent-plan	zyeon	Components	Free	2 deps · 2 files