Directory

Category

Artifacts

Structured AI outputs and visualizations

3 subcategories21 patterns

Formats

Interactive data visualizations and editors

12 patternsView →

Static

Static content outputs and documents

0 patternsView →

JSON Render

AI-generated UI from natural language with json-render

9 patternsView →

All Artifacts patterns

Browse every production-ready pattern in Artifacts.

Canvas Draw ArtifactExcalidraw whiteboard artifact with data-whiteboardDelta streaming, uncontrolled canvas, SVG/PNG/.excalidraw export, scene templates (architecture, user flow, org chart), and in-memory versions — no database persistence.Apr 2026
Agent Code ArtifactTemplate-style code artifact with data-codeDelta streaming, CodeMirror Python editor, Pyodide run, in-memory versions, and quick prompts — no database persistence.Apr 2026
Agent DOCX ArtifactDownload-first Word artifact pattern. The agent streams Markdown through a tool call, renders a document preview, and exports a real .docx file.Jun 2026
Agent Map ArtifactTemplate-style GeoJSON map artifact with data-mapDelta streaming, MapLibre preview and JSON source editor, GeoJSON export, in-memory versions, and quick prompts — no database persistence.Apr 2026
Agent Mermaid ArtifactTemplate-style Mermaid artifact with data-mermaidDelta streaming, diagram preview and source editor, SVG/PNG export, in-memory versions, and quick prompts — no database persistence.Apr 2026
Agent PDF ArtifactDownload-first PDF artifact pattern. The agent streams Markdown through a tool call, renders a live PDF preview, and exports a real .pdf file.Jun 2026
Agent Sheet ArtifactTemplate-style sheet artifact with data-sheetDelta streaming, CSV grid editor, in-memory versions, and quick prompts — no database persistence.Apr 2026
Agent Slides ArtifactTemplate-style slide deck artifact with data-slidesDelta streaming, sortable slide list and preview, Markdown export, in-memory versions, and quick prompts — no database persistence.Apr 2026
Agent Text ArtifactTemplate-style text artifact with data-textDelta streaming via @aisdkagents/react DataStreamController + ArtifactSession, ProseMirror Markdown editor, in-memory versions, and quick prompts — no database persistence.Apr 2026
Agent XLSX ArtifactDownload-first Excel artifact pattern. The agent streams CSV through a tool call, renders a spreadsheet preview, and exports a real .xlsx file with SheetJS.Jun 2026
Chart ArtifactGenerate burn rate charts and financial analysis through AI chat. Creates interactive visualizations from conversation.Oct 2025
CSV Editor ArtifactSpreadsheet editor with AI chat for data analysis and manipulation. Edit tables through conversation.Oct 2025
Jev JSON RenderCompose an account settings form by letting Jev select prepared json-render candidates.Sep 2026
JSON Render EmailGenerate production-ready React Email templates with live preview plus copyable HTML and plain-text output.Mar 2026
JSON Render ReactAI-generated UI from natural language using @json-render. Describe a UI and watch it stream in progressively with shadcn components.Feb 2026
JSON Render ImageGenerate social cards and marketing images from natural language using @json-render/image with live spec streaming and SVG/PNG export.Feb 2026
JSON Render PDFGenerate PDF documents from natural language using @json-render/react-pdf. Describe a document or refine examples to create professional PDFs with streaming spec and live preview.Feb 2026
JSON Render RemotionAI-generated video from natural language using @json-render/remotion. Describe a video and watch it stream in as a timeline spec, then render in a Remotion Player.Feb 2026
JSON Render ShadcnAI-generated UI using @json-render/shadcn. Describe a UI in natural language and watch it render with shadcn components.Feb 2026
JSON Render Data TableAI-generated data tables using json-render. Describe columns, rows, sorting, and filters — stream specs into an interactive DataTable with toolbar satellites.Apr 2026
JSON Render Three.jsAI-generated 3D scenes using @json-render/react-three-fiber. Describe environments, meshes, and lighting to stream live Three.js renders you can orbit immediately.Mar 2026

Explore related categories

Chat UI Elements

Reusable AI chat UI components and interfaces

10 patternsView →

Marketing UI

Business-focused UI components and pages

16 patternsView →

UI Components

Pure UI components without AI functionality

0 patternsView →

You’ve reached the end of Artifacts.