For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
0
Sponsor

Introduction

Next

Copy-paste presentation components for React. Built on reveal.js, works with the shadcn CLI.

slidecn provides beautifully designed and customizable presentation components. Built on reveal.js with @revealjs/react and designed to work seamlessly with the shadcn CLI.

Philosophy

slidecn follows the shadcn model for presentations: copy-paste components you can own, with zero lock-in and sensible defaults that work immediately.

Decks often sprawl across one-off JSX and inline styles. slidecn keeps themes, components and blocks consistent, while you can still use raw Slide markup from @revealjs/react whenever you need it.

The goal is simple: make presentations feel like the rest of your stack — composable, themeable, and easy to customize.

Why slidecn?

Most presentation components are either locked into a SaaS editor or ad hoc in the repo. slidecn is for teams that want to ship decks from the same React codebase without giving up control:

  • Own Your Code: Copy components into your project and change markup, copy, and styles freely.
  • Start Fast: Run one command and render a deck with production-ready slide primitives.
  • Scale Safely: Build on top of reveal.js, then drop to lower-level APIs when you need full control.

Features

Zero Config
Works out of the box with sensible defaults. No boilerplate needed.
Theme Aware
Automatically adapts colors to your chosen slide theme.
Composable
Build full decks from title, section, content, split, and specialty slides.
TypeScript
Full type safety with comprehensive TypeScript support.
Copy & Paste
Own your code. No runtime dependencies, just install into your project.
shadcn Compatible
Uses the same registry format — add components with npx shadcn add.