Shadcn.io is not affiliated with official shadcn/ui
React AI Presentation Builder Block
React AI presentation builder block for Next.js with slide navigator sidebar, live preview, AI editing controls, and speaker notes using shadcn/ui and Tailwind CSS
Build an AI-powered presentation editor for your React or Next.js app with this TypeScript block. Features a numbered slide navigator sidebar with thumbnails, a large slide preview card with title and bullet points, AI action buttons for adding slides, improving copy, and generating speaker notes, plus an editable notes section below. Composed with shadcn/ui, Tailwind CSS, and AI SDK patterns for seamless integration into pitch deck builders, education platforms, and content creation tools.
React AI Presentation Builder Block preview
Installation
Related Components
AI Message
Chat message component
AI Reasoning
Thinking display
AI Actions
Action toolbar
AI Suggestion
Quick reply buttons
FAQ
Was this page helpful?
Sign in to leave feedback.
React AI Performance Metrics Block
React AI performance monitoring block for Next.js with latency percentiles, throughput, error rate, and response distribution using shadcn/ui and Tailwind CSS
React AI Product Description Block
React AI product description generator block for Next.js with product info form, multi-length output tabs, SEO scoring, and keyword suggestions using shadcn/ui and Tailwind CSS