sh4dcn
Registries
ActiveFeaturedNiche/single-purpose21

@slide-cn

Niche/single-purpose · MIT · data updated 2026-07-28

A code-first presentation framework for React that lets developers build slide decks as JSX components installable via the shadcn registry. Provides pre-built slide layouts (title slides, split views, code blocks, progressive reveals), built-in keyboard/swipe navigation, Tailwind CSS and shadcn/ui theming, TypeScript support, and Git-trackable deck source. Install with a single shadcn CLI command. Free and open-source. Use for: building developer-facing presentations or pitch decks directly inside a React/Next.js codebase, with version control and CI/CD integration instead of PowerPoint or Keynote.

WebsiteDocsGitHubComponents folderAgent brief (.md)
@slide-cn preview
backgroundsblockscardscomponentsdesign-systemdeveloper-toolsloadersmedianavigationoverlaystheming

Install

npx shadcn@latest add https://slide-cn.com/r/registry.json

Health

StatusActive
Last commit3 months ago
LicenseMIT
Open issues4
ArchivedNo
Stars21

Components (20)

slide-cn-defaultdeckheader-with-contentslide-navslide-footernavigation-toastslidehorizontal-splitvertical-splittitle-slideslide-imagecalloutcode-blockgradient-lineargradient-radialrevealtimelinesky-themerose-themeearth-theme
Components: slide-cn-default, deck, header-with-content, slide-nav, slide-footer, navigation-toast, slide, horizontal-split, vertical-split, title-slide, slide-image, callout, code-block, gradient-linear, gradient-radial, reveal, timeline, sky-theme, rose-theme, earth-theme

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@slide-cn · slide-cn-default

npx shadcn@latest add https://slide-cn.com/r/slide-cn-default.json
View source