

CSV Editor Artifact
Spreadsheet editor with AI chat for data analysis and manipulation. Edit tables through conversation.


Chart Artifact
Generate burn rate charts and financial analysis through AI chat. Creates interactive visualizations from conversation.


Agent Sheet Artifact
Template-style sheet artifact with data-sheetDelta streaming, CSV grid editor, in-memory versions, and quick prompts — no database persistence.


Agent XLSX Artifact
Download-first Excel artifact pattern. The agent streams CSV through a tool call, renders a spreadsheet preview, and exports a real .xlsx file with SheetJS.


Agent DOCX Artifact
Download-first Word artifact pattern. The agent streams Markdown through a tool call, renders a document preview, and exports a real .docx file.


Agent PDF Artifact
Download-first PDF artifact pattern. The agent streams Markdown through a tool call, renders a live PDF preview, and exports a real .pdf file.


Agent Slides Artifact
Template-style slide deck artifact with data-slidesDelta streaming, sortable slide list and preview, Markdown export, in-memory versions, and quick prompts — no database persistence.


Agent Text Artifact
Template-style text artifact with data-textDelta streaming, ProseMirror Markdown editor, in-memory versions, and quick prompts — no database persistence.


Agent Code Artifact
Template-style code artifact with data-codeDelta streaming, CodeMirror Python editor, Pyodide run, in-memory versions, and quick prompts — no database persistence.


Agent Mermaid Artifact
Template-style Mermaid artifact with data-mermaidDelta streaming, diagram preview and source editor, SVG/PNG export, in-memory versions, and quick prompts — no database persistence.
Explore More
Related Patterns


JSON Render Email
Generate production-ready React Email templates with live preview plus copyable HTML and plain-text output.


JSON Render Shadcn
AI-generated UI using @json-render/shadcn. Describe a UI in natural language and watch it render with shadcn components.


JSON Render Three.js
AI-generated 3D scenes using @json-render/react-three-fiber. Describe environments, meshes, and lighting to stream live Three.js renders you can orbit immediately.


JSON Render Data Table
AI-generated data tables using json-render. Describe columns, rows, sorting, and filters — stream specs into an interactive DataTable with toolbar satellites.







