Shadcn.io is not affiliated with official shadcn/ui
AI Presentation Builder
A sidebar-plus-content AI presentation builder block for React and Next.js with slide thumbnail navigator, live slide preview, AI content generation controls, and editable speaker notes built with shadcn/ui and Tailwind CSS
Build AI-powered presentations with this sidebar-plus-content editor block for React and Next.js. Features a scrollable slide thumbnail navigator on the left with numbered previews and drag-to-reorder hints, a large live slide preview panel on the right with title and bullet rendering for different slide types, AI action buttons for adding slides, improving copy, generating speaker notes and visuals, plus an inline editable notes section. Built with TypeScript, shadcn/ui Button, Badge, Textarea, and ScrollArea components, motion/react animated slide transitions, and Tailwind CSS. Perfect for pitch deck builders, education platforms, and AI-assisted content creation tools.
Related Components
AI Document Generator
AI-powered document creation tool
AI Writing Assistant
AI writing and editing assistant
AI Image Generator
AI image generation interface
AI Diagram Generator
AI-powered diagram creation
AI Email Composer
AI email drafting tool
AI Social Media Post
AI social media content creator
FAQ
Was this page helpful?
Sign in to leave feedback.
Performance Metrics
A bento grid AI performance metrics dashboard block for React and Next.js with latency percentiles, throughput gauges, error rate indicators, model comparison table, and time-range selector built with shadcn/ui and Tailwind CSS
Product Description
A split-panel AI product description generator block for React and Next.js with product details form, feature tags, audience selector, tone variants, SEO scoring, and copy-to-clipboard built with shadcn/ui and Tailwind CSS