Templates — AuraDeck docs

When you press New Slide (Ctrl+N) or New Presentation, AuraDeck inserts a starter from src/templates.js. The shipped templates aim to give you a sensible starting point without being prescriptive — they are intentionally minimal so you can replace them entirely.

Built-in templates

Template	When	What you get
Title slide	New presentation	Centred `<h1>` on a dark background, system font stack.
Content slide	`Ctrl+N` after the first slide	A heading and a one-column body region.
Two-column	Insert → Template → Two columns	A heading and two flex children for side-by-side content.
Image hero	Insert → Template → Image hero	A full-bleed image with overlaid text.
Code slide	Insert → Template → Code	A heading and a `<pre><code>` block with monospace styling.

Every template is a complete HTML document. Once inserted, it is yours — change the markup, styles, and scripts however you like.

Authoring your own templates

Templates live in src/templates.js as exported strings:

export const TITLE_SLIDE = `<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style> /* ... */ </style>
</head>
<body>
  <div class="slide"><h1>Title here</h1></div>
</body>
</html>`;

To add a custom template:

Open src/templates.js.
Export a new constant containing the slide HTML.
Add an entry to the TEMPLATES array (or whatever the active export is) with a name, description, and html field.
Rebuild: npm run tauri build.

The Insert → Template menu reads from this list directly.

Distributing templates

Templates are baked into the binary at build time. If you want shareable templates that users can drop in without rebuilding, file an issue — this is on the roadmap.

Template conventions

To keep templates feeling consistent, follow these conventions:

Reset margins and box-sizing in the <style> block.
Use viewport units (vw, vh, vmin, vmax) for sizing so slides scale to any display.
Set overflow: hidden on the slide container.
Pick a font from the system stack (system-ui, sans-serif) so templates work without bundled fonts.

See Slide HTML Authoring for the full set of guidelines.