Slides & Templates

Presentation mode turns a Molkit document into an HTML slide deck. You build slides from templates, edit text and chemistry directly on the slide, and organize everything from a sorter rail on the left. The same document can later be presented full-screen or exported as a self-contained HTML file.

Enter presentation mode

Open File > Page Setup and set the Mode dropdown to Presentation (HTML). The drawing canvas is replaced by the presentation workspace. If your document already contains paper-mode slides with drawings, Molkit offers to convert each one into a Full Chemistry slide with the drawing embedded.

The first time you switch, a welcome dialog lets you start from a Title, Bullet Points, or Blank slide, or load a sample presentation.

To return to normal drawing, open Page Setup again and pick a different mode. Presentation work is auto-saved in the background and offered for recovery if you close before saving.

The workspace

The presentation workspace has three columns:

Slide sorter (left): one thumbnail per slide, with a + button to add slides. Toggle it with Ctrl+\.
Preview (center): a live, editable rendering of the active slide.
Content panel (right): slide settings, content fields, and speaker notes. Toggle it with Ctrl+Shift+\. The panel has a Visual tab and a Code tab for editing the slide’s HTML and CSS directly.

A status bar shows the slide position, theme, font picker, and slide dimensions. Three presentation-only menus (Insert, Slide, Present) appear in the menu bar.

Add slides from templates

Click the + button at the bottom of the sorter to open the New Slide picker. It lists the built-in templates: Title Slide, Chemistry + Text, Full Chemistry, Two Columns, Image + Caption, Bullet Points, Section Divider, Blank, and Comparison Table. Click a card to insert that slide after the current one. The picker also has a search box and tabs for Built-in versus My Templates.

Slide > New Slide inserts a blank slide without the picker.

To make your own template, right-click a slide in the sorter and choose Save as Template. Molkit strips the slide’s content down to placeholders and stores it under My Templates. Export and Import buttons in the picker move custom templates between machines as a JSON file.

Edit slide content

Click an element in the preview to select it; double-click to edit. Text and lists become editable in place, images open a file picker, and chemistry regions open a full Molkit drawing canvas (click Done to snapshot the drawing back into the slide). Drag elements to reposition them, or drag the handles to resize.

Add new elements from the Insert menu: Text Block, Bullet List, Chemistry Region, LaTeX Equation, or Image.

The content panel’s Slide Settings section controls the layout override (Centered Stack, Two Columns, Chemistry Left, Chemistry Right, Full Bleed), background color and image, and a Skip this slide checkbox that hides the slide when presenting.

Organize slides

Slides are labeled automatically (Slide 1, Slide 2, and so on). In the sorter you can:

Reorder by dragging a thumbnail, or right-click and use Move Up / Move Down.
Select multiple slides with Shift+Click (range) or Ctrl+Click (toggle).
Duplicate with Ctrl+D or the right-click menu.
Delete with Delete, the right-click menu, or Slide > Delete Slide. Deleting every slide leaves one blank slide.
Copy, cut, and paste slides with Ctrl+C, Ctrl+X, Ctrl+V.
Set the transition per slide (Fade, Slide, Convex, Zoom, None) from the right-click menu.

Arrow keys move between slides when nothing is selected in the preview.

The slide master

Slide > Edit Slide Master… opens deck-wide styling that every slide inherits:

Brand Colors: Primary, Secondary, Accent, Text, and Background color pickers. These drive the deck’s component styling, so changing them re-themes headings, accents, and backgrounds across all slides at once.
Font Overrides: a heading font and a body font, applied deck-wide. Leave a field empty to keep the theme default.
Header and Footer Overlays: HTML snippets rendered on every slide, for things like a course name, logo, page number, or copyright line.

A Reset to Default button restores the stock master. Per-slide settings (layout, background) still override the master where they are set.

Slide > Presentation Settings… sits next to it in the menu and holds deck-level playback options (on-screen controls, progress bar, slide numbers, looping, auto-advance, timer) described in Presenter View.

Speaker notes

The Speaker Notes section at the bottom of the content panel stores per-slide notes. They stay out of the slide itself and appear in the presenter view when you present.