Presentations as code
Build decks with AI.Own the source.
AI-native installable blocks to build beautiful presentations with React.
Get startedInteractive overview· use the arrow keys to navigate
1 / 8
Start with the foundation
Install source you can see, own, and change.
deckcn follows the shadcn model. Components land directly in your project, ready for people and agents to adapt.
Read the foundationsTerminal
$ pnpm dlx shadcn@latest add https://deckcn.dev/r/presentation.jsonExplore the registry
Start small. Compose upward.
Use only the foundation or move through increasingly complete recipes.
Ready for the room
From editable source to the final screen.
Styling, rendering, presenting, and exporting share the same component model.
Theme tokens
Change the visual system without rebuilding each slide.
Fullscreen
Scale the same fixed artboard cleanly to any display.
PDF output
Print every slide to its own page with browser-native tools.
Custom renderers
Use the default deck, the stack view, or supply your own.
Build the deck. Keep the source.
Start with the presentation foundation, then add only the blocks your story needs.