duck
Open source, licence MIT
★ GitHub
Appuie sur →, ou clique sur le titre.
🦆
🦆
Voir la démo ☕ Offre un café
Serveur temps réel

Ton téléphone pilote.
Le reste suit, tranquille.

La télé de la salle de réu affiche, ton laptop te souffle les notes, ton téléphone fait la télécommande. Un seul état, poussé par WebSocket à tout ce qui est sur le réseau. Vas-y, appuie sur le téléphone, c'est pour ça qu'il est là.

Projecteur
Présentateur
00:001 / 5
En cours
Notes
Télécommande
mon-deck
1sur 5
le vrai a aussi l'écran noir et le chrono
←→ marchent aussi ici, comme sur le projecteur. Sans serveur, l'export HTML synchronise les fenêtres d'un même navigateur.
Écrire un deck

Du markdown, un commentaire par slide.

Tu écris dans ton éditeur, duck en fait des slides. Le commentaire choisit la mise en page, ??? ouvre les notes que toi seul vois. Nouvelle version ? Tu dupliques le dossier avec la date du jour, l'ancienne reste en ligne à sa propre adresse.

  • Douze gabarits natifs : titre, points, cartes, chiffres, étapes, téléphones, split, punchline, intercalaire, nuage, device.
  • Il te manque une slide ? Tu poses un .tsx à côté du deck, et tu as React, l'état, les animations, et les blocs du moteur en import.
  • Le thème, c'est du CSS avec des variables. Ton design system s'y branche tel quel.
  • Le front matter règle le thème, la transition, la barre, le numéro, l'aide et le curseur. Une slide peut se cacher avec hidden="1", avancer par étapes avec steps="3", ou changer sa transition.
decks/lancement/2026-09-22/deck.md
<!-- slide: points -->
# Pourquoi duck

- Le vrai produit, pas un screenshot.
- Ton téléphone en télécommande.

???
Enchaîner sur la démo.
Ce que la salle voit
Ce que toi seul vois
Enchaîner sur la démo.
Le produit dans la slide

Ta slide n'est pas une capture de l'interface.
C'est l'interface.

Démo en direct

Le vrai produit, dans un cadre d'iPhone, avec ses vraies données.

Ton parcours d'inscription en direct, ton back-office dans une fenêtre, une vraie page de prod. Le produit fait la démo tout seul pendant que tu racontes.

Préchargement

Déjà chargé quand tu arrives.

Les pages des deux slides suivantes se préparent en coulisses. Et si une page te pique le focus, ton clavier reste à toi.

Sync

Un état, trois écrans.

Bun, Hono, un WebSocket, une salle par deck. Si la connexion coupe, chaque écran continue et se reconnecte tout seul.

✓
Export

Export PDF ou HTML.

Un seul fichier, même en HTML : images, projecteur et présentateur dedans. Avec ou sans tes notes. Un bouton dans les réglages, ou bun run export et bun run pdf.

slides/wall.tsx
React + CSS

Un gabarit qui manque se code en dix minutes.

Et il sert à tout le monde le lendemain. Le moteur a des tests, le lint passe, et c'est la stack qu'on connaît déjà par cœur.

BFS
Séance

Les petits détails qui sauvent une réu.

B écran noir, F plein écran, S réglages. Le chrono tourne sur ton écran, pas sur celui de la salle.

Transitions et réglages

Fondu, zoom, glissé, ou rien du tout.

Cinq transitions, par deck ou par slide. S ouvre les réglages : barre de progression, numéro, rappel des raccourcis, et un curseur rond orange qui s'étire avec ta souris pour montrer sans pointer.

Pas à pas

Dévoile une slide petit à petit.

Une liste qui apparaît point par point, un schéma qui se construit : la flèche avance d'abord dans la slide, puis passe à la suivante. Une slide peut aussi rester dans le fichier sans être montrée.

Et Slidev ?

Slidev est excellent. duck fait d'autres choix.

Prends duck si…

  • ✓Tu montres un vrai produit : des pages live dans un cadre de téléphone, préchargées, sans voler le clavier.
  • ✓Ton équipe écrit du React : une slide spéciale, c'est un .tsx à côté du deck.
  • ✓Tu présentes dans une salle : le téléphone pilote, le laptop affiche notes et chrono, la télé suit, par le réseau local.
  • ✓Tu veux garder chaque version présentée, servie à son URL, sans passer par git.
  • ✓Tu veux envoyer un seul fichier HTML qui marche hors ligne, présentateur compris.
  • ✓Tu veux du MIT, sans cloud ni abonnement.

Prends Slidev si…

  • ·Tu es sur Vue, ou tu veux son écosystème de thèmes et d'addons.
  • ·Tu fais du live coding avec l'éditeur Monaco dans la slide.
  • ·Tu as besoin d'exporter en PPTX ou en PNG, ou d'enregistrer ta présentation.
  • ·Tu veux dessiner et annoter sur les slides pendant que tu parles.
  • ·Tu veux un outil mûr, avec une grosse communauté et une doc complète.