slidev-theme-raft

A neo-brutalism Slidev theme in the visual language of Raft: Raft Ink (#141111) borders and hard shadows, Cotton Core cream canvas, Soft Signal yellow accents, Space Grotesk / Space Mono type.

Tokens come from Raft's production design system.

Published on npm: slidev-theme-raft

Screenshots

| cover | cards | | --- | --- | | | | | callouts | end | | | |

Usage

Install the theme and the Slidev CLI in your deck directory:

pnpm add -D slidev-theme-raft @slidev/cli

Point your slides.md at the theme and run Slidev:

---
theme: raft
---

# Your slides

pnpm exec slidev slides.md

Layouts

cover · default · section (color: prop) · two-cols · image-right (image: prop) · quote · statement · end

Components

• <Callout title="..." color="yellow|pink|lavender|cyan|orange|lime|red">

Development (working on the theme itself)

pnpm install
pnpm dev        # serves the workspace demo at http://localhost:3083
pnpm build      # builds the demo against the local theme package

This repository is a pnpm workspace:

• / is the publishable slidev-theme-raft package.
• /demo is a private Slidev deck that depends on the theme through workspace:* and uses the same theme: raft entry point as npm consumers.

The demo, its slides, and its image assets are deliberately excluded from the published package by the root files whitelist.

Using a local checkout instead of npm

Point an existing deck at this checkout with a relative or absolute path:

---
theme: /path/to/slidev-theme-raft
---

# Your slides

Or add the checkout as a local dependency from your deck directory:

pnpm add -D ../slidev-theme-raft

---
theme: raft
---

License

MIT