Quickstart
Open the example deck and create your first slide in under five minutes.
This walkthrough assumes you already installed AuraDeck.
1. Open the example deck
The repository ships with a sample deck in two equivalent formats:
# Folder form
npm run tauri dev -- -- ./example/extracted
# Archive form (.adsl is just a zip)
npm run tauri dev -- -- ./example/example.adsl
You should see the editor window open with a list of slides on the left and the first slide rendered on the right.
2. Tour the editor
- The slide panel on the left shows every slide in order. Click any slide to open it in the editor pane.
- The editor pane on the right is a CodeMirror instance with HTML/CSS/JS syntax highlighting and autocomplete (
Ctrl+Space). - The ribbon at the top exposes the most common actions: New, Duplicate, Save, Present, Export.
3. Make your first slide
Press Ctrl+N to create a new slide. The default template gives you a centred title slide ready to edit:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>New Slide</title>
<style>
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html, body { width: 100%; height: 100%; overflow: hidden; }
.slide {
width: 100vw; height: 100vh;
display: flex; align-items: center; justify-content: center;
background: #0a1628; color: #fff;
font-family: system-ui, sans-serif;
}
h1 { font-size: 8vmin; }
</style>
</head>
<body>
<div class="slide"><h1>Hello AuraDeck</h1></div>
</body>
</html>
Edit the markup, then press Ctrl+S to save. The preview updates instantly.
4. Present
Press F5 to run the deck fullscreen. Use the arrow keys, space, or PgUp/PgDn to navigate. Press Escape to exit.
For dual-monitor setups with speaker notes, press F6 to launch Presenter Mode.
5. Export
Use the ribbon's Export menu to render the deck as either:
- PDF — high-fidelity static handout, one page per slide.
- PPTX — PowerPoint-compatible file for sharing with traditional toolchains.
Export details and limitations are covered in Exporting.
What next?
- Learn the editor in depth.
- Understand the presentation format so you can author slides outside the app.
- Read the
manifest.jsonreference for the full schema.