p5 Sketches for Slides

Write p5.js sketches inside Google Slides™ and put them on your slides as images.

p5 Sketches for Slides is a Google Slides add-on. It opens a code editor next to your presentation, runs your sketch live as you work, and inserts it on the current slide as an animated GIF or a still PNG or JPEG.

How it works

1. In Google Slides, open Extensions → p5 Sketches for Slides → Open editor.
2. Write or paste a p5.js sketch. Press Run, or ⌘/Ctrl + Enter, to see it.
3. Choose a format: record a GIF of up to 20 seconds, or take a PNG or JPEG snapshot.
4. Click Insert into slide.

Edit it later

The sketch's code is saved in the inserted image's alt text. Select the image, click Load selected, change the code, and click Update on slide. The new image replaces the old one in the same position and size.

Your data

Sketches run in your browser. The add-on only touches the presentation it's opened in, and has no server, analytics or tracking. The privacy policy has the details.