Loading slideshow Preparing editor...

Plain JS Slideshow

0 slides

X -- Y -- RGB --
Saved
Inspector: Slide
Slide
x
Background

Align

Align

Position slide flow, selected objects, grid, guides, and snapping

Transition

Slide transition

Choose the camera move from this slide to the next one

Text Styles

Text styles

Edit reusable heading and bullet text styles

Content
Objects

Selection pane

Select, hide, lock, and arrange slide objects

SVG Shapes

SVG shapes

Select an SVG shape in the slide

Import SVG geometry

Replace this object's poses from a single-path SVG. Matching native path-animation keyframes are included. Use an SVG with transforms flattened to path coordinates.

Advanced path data

Use compatible SVG path commands in every keyframe for smooth morphing.

SVG Path

SVG path

Select an SVG path in the object list or canvas

12 px

0 points

Animation Order

Reveal sequence

Use Order mode, then click bullets, media, or SVG paths.

Position

Position

Select a title, bullet, or media object in the preview

Behaviors

Behaviors

Select a title, bullet, or media object in the preview

Audio

Audio effects

Link sounds to slide transitions and selected reveal items

Variables

Slide Variables

Values that behaviors and slide scripts can read or change.

Advanced

Slide JavaScript

Runs in presentation mode with a limited slide API

Use api.vars.get(), api.vars.set(), api.onEnter, api.onClick, api.bullets(), api.media(), api.animate(), and api.mark().

Speaker notes