deckcn

Introduction

Build presentations from a small, flexible foundation

deckcn is a shadcn-style registry for presentation building. It separates the mechanics of rendering a deck from the recipes that teach people and agents how to compose one well.

Styling stays in Tailwind CSS and shared semantic theme tokens. This site extends Tailwind with optional brand-surface tokens for featured areas that adapt with each theme.

Jump to the Foundations presentation

01

Keep the foundation small

Slide, Presentation, controls, and hooks handle the artboard, scaling, navigation, and output.

02

Style with familiar tools

Tailwind handles styling while semantic tokens, including brand surfaces, keep themes coherent.

03

Teach through blocks

Blocks demonstrate strong composition without turning flexible primitives into rigid templates.

04

Compose upward

Titles and layouts become use cases; use cases combine into complete decks.

Install the presentation foundation

Terminal
$ pnpm dlx shadcn@latest add https://deckcn.dev/r/presentation.json

Foundations

See how the core primitives handle artboard sizing, scaling, extensible rendering, navigation, controls, and output.

deckcn

Foundations

A small runtime that handles the artboard, scaling, navigation, and more.

Let the foundation handle the basics.

01

Slide

Fixed design surface

02

Presentation

Render and navigate

03

Controls + hooks

Interact and export

1 / 6