JSON Render PDF
Generate 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.
View Full Pattern on Desktop
Problems Solved
- Generate PDF documents from natural language
- Stream AI-generated document specs
- Live preview PDF rendering from JSON
Use Cases
- Invoice generation
- Report creation
- Resume building
- Document automation
AI SDK APIs
Tags
Requirements
- Node.js
- 24+
- Memory
- 256MB
- Other
- Google AI API key
Environment Variables
GOOGLE_GENERATIVE_AI_API_KEYGet key →
External Services
Ready to use?
View the full interactive pattern with live preview and copy the source code.
Open Live PreviewView Pattern on DesktopRelated Patterns
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 Generate
AI-generated UI from natural language using @json-render. Describe a UI and watch it stream in progressively with shadcn components.
Table Editor Artifact
Spreadsheet editor with AI chat for data analysis and manipulation. Edit tables through conversation.
Chat-Base Clone
A comprehensive Chatbase clone demo with widget interface, model selection, web search integration, and human-in-the-loop tool approval workflows.