slide-quiz

Live audience quizzes for Reveal.js and Slidev. Powered by AnyCable.
npx create-slide-quiz

You're building a presentation

What if your audience could interact with it live?

Here's what happens

  • You're presenting. You land on a slide…
  • Boom, there's a live quiz.
  • A QR code appears. Your audience scans it.
  • They vote from their phones. You see who's online.
  • You show the results. You scroll — they see the next question.

Prerequisites

What you need

Netlify
or Vercel — to deploy your presentation
(serverless functions relay the votes)
AnyCable Plus
managed WebSocket server (free!)
up to 2,000 concurrent connections

Installation

Let's get started

In your presentation directory, run:

npx create-slide-quiz

Works with Reveal.js and Slidev — adds serverless functions, participant page, and sample quiz slides.

CLI Walkthrough

The CLI walks you through it

$ npx create-slide-quiz ◆ create-slide-quiz | ◇ Reveal.js project detected! | | +-- Detected project ------------------+ | | HTML file: index.html | | | JS entry: main.js | | | Platform: Netlify | | | Vite: vite.config.js | | | Quiz group: slide-quiz-demo | | +--------------------------------------+ | ◇ Do you already have an AnyCable Plus app set up? | No | ◆ Let's create your AnyCable Plus app | Opened plus.anycable.io -- sign in with GitHub

CLI Walkthrough

AnyCable setup

| +-- Create a new cable ----------------+ | | 1. Click New Cable | | | 2. Name it anything | | | 3. Pick JavaScript as backend | | | 4. Click Next | | +--------------------------------------+ | | +-- Enable public streams -------------+ | | -> Clear the Application Secret | | | -> Click Next, wait for deploy | | +--------------------------------------+ | ◇ Cable deployed? | ✔ Continue

CLI Walkthrough

Paste your URLs, review, go

◇ WebSocket URL | wss://my-cable.anycable.io/cable | ◇ Broadcast URL | https://my-cable.anycable.io/_broadcast | | +-- Review your settings --------------+ | | HTML file: index.html | | | JS entry: main.js | | | Platform: Netlify | | | WS URL: wss://...anycable.io | | | Broadcast: https://...anycable.io | | | Quiz group: slide-quiz-demo | | +--------------------------------------+ | ◇ Look good? | Yes, install slide-quiz

Done!

◇ slide-quiz installed! ◇ Created quiz.html ◇ Created quiz.js ◇ Created netlify/functions/ ◇ Created .env ◇ Added sample quiz slides to index.html ◇ Updated main.js with slide-quiz plugin | | +-- Next steps ----------------------+ | | 1. npm run dev and try your quiz! | | | 2. Commit and push to deploy | | +------------------------------------+ | +-- Happy quizzing!

The CLI wires up everything — imports, config, and sample slides.

Get started

npx create-slide-quiz
GitHub  ·  AnyCable Plus

MIT License · Built by the AnyCable team

Appendix

What is AnyCable?

  • Open-source WebSocket server for reliable real-time apps: recovering missed messages and resuming sessions
  • Used by Doximity, Circle.so, Healthie, and many others
OSS
Free, self-hosted
Pro
Clustering & enterprise
Plus
Managed AnyCable Pro (free!)
up to 2k connections
anycable.io  ·  Star us on GitHub