@slidecn
Beautiful presentations, made simple. Ready to use, customizable presentation components for React.
Install this registry
npx shadcn@latest add https://slidecn.vercel.app/r/registry.json pnpm dlx shadcn@latest add https://slidecn.vercel.app/r/registry.json bunx shadcn@latest add https://slidecn.vercel.app/r/registry.json curl -s https://slidecn.vercel.app/r/registry.json Components
26 totalA presentation title slide with eyebrow, title, subtitle, author, and date.
npx shadcn@latest add https://slidecn.vercel.app/r/title-slide.json A chapter divider slide with label and title.
npx shadcn@latest add https://slidecn.vercel.app/r/section-slide.json A general purpose content slide with multiple layout options.
npx shadcn@latest add https://slidecn.vercel.app/r/content-slide.json A two-column split layout slide with configurable ratio.
npx shadcn@latest add https://slidecn.vercel.app/r/split-slide.json A slide for displaying images with stretch, contained, or full-bleed modes.
npx shadcn@latest add https://slidecn.vercel.app/r/image-slide.json A statistics-focused slide with single, row, or grid layouts.
npx shadcn@latest add https://slidecn.vercel.app/r/stat-slide.json A quote/citation slide with minimal, large, and accent variants.
npx shadcn@latest add https://slidecn.vercel.app/r/quote-slide.json An ordered or unordered list slide with optional fragment animations.
npx shadcn@latest add https://slidecn.vercel.app/r/list-slide.json A side-by-side comparison slide with columns or table variant.
npx shadcn@latest add https://slidecn.vercel.app/r/comparison-slide.json A timeline slide with horizontal or vertical direction and optional animations.
npx shadcn@latest add https://slidecn.vercel.app/r/timeline-slide.json A team member showcase slide with avatars, roles, and bios.
npx shadcn@latest add https://slidecn.vercel.app/r/team-slide.json A syntax-highlighted code block with filename, line numbers, and copy button.
npx shadcn@latest add https://slidecn.vercel.app/r/code-block.json A list wrapper with fragment-based reveal animations on each item.
npx shadcn@latest add https://slidecn.vercel.app/r/fragment-list.json Steps through children one by one using fragment animations.
npx shadcn@latest add https://slidecn.vercel.app/r/fragment-reveal.json Automatically resizes text to fill the available space using r-fit-text.
npx shadcn@latest add https://slidecn.vercel.app/r/fit-text.json Speaker notes for reveal.js presentations.
npx shadcn@latest add https://slidecn.vercel.app/r/notes.json Two consecutive slides with auto-animate enabled for smooth transitions between states.
npx shadcn@latest add https://slidecn.vercel.app/r/auto-animate-pair.json A thin typed wrapper over the reveal.js Stack component.
npx shadcn@latest add https://slidecn.vercel.app/r/stack-reveal.json A 7-slide pitch deck template: problem, solution, how it works, traction, team, and CTA.
npx shadcn@latest add https://slidecn.vercel.app/r/pitch-deck.json An 8-slide technical talk template with code examples, auto-animate transitions, and benchmark results.
npx shadcn@latest add https://slidecn.vercel.app/r/tech-talk.json A 6-slide product demo template: features, screenshot, comparison, metrics, and CTA.
npx shadcn@latest add https://slidecn.vercel.app/r/product-demo.json A 5-slide weekly report template: KPIs, timeline, wins/blockers, and next week plan.
npx shadcn@latest add https://slidecn.vercel.app/r/weekly-report.json The default slidecn theme with light colors and neutral tones.
npx shadcn@latest add https://slidecn.vercel.app/r/theme-default.json A dark theme for slidecn presentations.
npx shadcn@latest add https://slidecn.vercel.app/r/theme-dark.json A minimal theme with larger base font size and tight letter-spacing.
npx shadcn@latest add https://slidecn.vercel.app/r/theme-minimal.json A brandable theme template with customizable brand color variables.
npx shadcn@latest add https://slidecn.vercel.app/r/theme-brand.json