Presentations as code
Build decks with AI.Own the source.
AI-native installable blocks to build beautiful presentations with React.
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 foundations$ pnpm dlx shadcn@latest add https://deckcn.dev/r/presentation.jsonExplore the registry
Start small. Compose upward.
deckcn is a small foundation for the artboard, scaling, navigation, and output. Building blocks encode good composition. Use cases give AI working patterns for common presentation jobs. And because models cannot finish every slide, a visual editor meets people who still think in traditional decks.
Foundations
Artboard, scaling, navigation, and output. The mechanics of a deck, without locking you into a layout.
Building blocks
Titles, dividers, and layouts that teach strong composition for people and agents.
Use cases
Timelines, comparisons, galleries, and other common jobs so AI can reuse known working patterns.
Visual editor
When code is not the right tool, edit slides visually. Familiar if you come from traditional slideshow builders.
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.
Share anywhere
Export a self-contained HTML file that plays in any browser, no install required.
Build the deck. Keep the source.
Install the foundation, compose with blocks, or open the editor if you would rather click than code.