Installs all 16 components. Without our CLI, run instead.
Slide-CN publishes a shadcn registry at slide-cn.com, with 16 components installable through the shadcn CLI.
Code-first presentations built with React and Shadcn-UI.
Slide-CN is a code-first presentation framework for React. It gives you slide primitives, layouts, and presentation UX you can install through the shadcn registry and compose like the rest of your app.
Traditional presentation tools often feel restrictive for developers. Slide-CN allows you to build and manage presentations using the same workflow you use for web applications.
Slide-CN includes a collection of primitive components and layouts optimized for presentations.
View the components documentation
Install the default preset:
pnpm dlx shadcn@latest add @slide-cn/slide-cn-default
Create your first deck:
import { Deck } from "@/components/ui/slide-cn/deck";
import { Slide } from "@/components/ui/slide-cn/slide";
import { TitleSlide } from "@/components/ui/slide-cn/title-slide";
export default function PresentationPage() {
return (
Hello, Slide-CN
Presentations as code
);
}
Run your app:
pnpm dev
git clone https://github.com/prithvi-rajan-222/slide-cn.git
cd slide-cn
pnpm install
pnpm lint
pnpm build
pnpm registry:build
pnpm dev
Full documentation, including installation guides and component demos, is available at slide-cn.com/docs.
MIT License.
The packages and primitives its components pull in, counted across the registry.
Slide-CN is a component library on 21st.dev by slide-cn with 1 public React component. Every component ships with a live interactive preview and full TSX source — copy the code, install it through the shadcn CLI, or pull it into Cursor or Claude Code over MCP.
