A collaborator fixes a typo while you talk. It reaches both windows as it happens.
EMAIL &
SLIDES!
Two jobs that usually mean two more apps. Design the email where you design everything else and get HTML that survives Outlook. Design the deck the same way, then present it with builds, notes and a window you can share.
A pitch deck. Present fullscreen fills the screen with the title slide. The right arrow moves on through the builds and slides, B blacks the screen out and brings it back, and Esc ends the show.
DING!
WHY BOTHER
Both of them are just designs
An email is a 600 px wide design that has to get past the strictest renderer still in daily use. A deck is a stack of 16:9 designs that has to behave while you talk over it. Neither one needs a separate tool. What each needs is a good way out: HTML that a mail client cannot mangle, and a present mode that knows a build from a slide.
So the email kind and the Slides kind are ordinary PopCraft files. Same frames, same components, same brand colours, same comments and history. The difference is the door at the end. For an email it is Email HTML. For a deck it is the Play button, and PPTX when someone insists on PowerPoint.
600
pixels wide, the email templates
16:9
or 4:3, a Slides file
3
ways to present
0
extra apps
PART ONE · EMAIL
Design it, export one HTML file
This is the SaaS lifecycle email: launch announcement template, start to finish. Select the page, open ⋯ → Export → Export as web code…, pick Email HTML, and click Export. One .html file comes down.
Then the clip opens that file in a browser on its own, with no PopCraft anywhere. The header, the copy, the three labelled rows and the button are all there, because the file is nested tables with the styles written on each cell. That is the dull, battle-tested markup mail clients still want, and nobody has to hand-write it.
The SaaS launch announcement email template, its page selected. From the ⋯ menu, Export and Export as web code… open the web export; Email HTML is picked and Export downloads one HTML file. The file is opened in a browser on its own: the neo-brutalist header with "It's live.", the three things the product does and one button, built from nested tables with inline styles.
INBOX PHYSICS
What a table can say, and what it can't
Mail clients are not browsers. The exporter is honest about it: what fits in a table goes in a table, and what does not becomes a picture of that part, so it still looks right instead of quietly falling apart.
Auto layout rows and columns→TABLENested tables
Fills, text styles, padding→TABLEInline styles on each cell
Real text→TABLEReal text: selectable, readable with images off
Rounded corners, shadows→PICTUREA picture of that part
Gradients, overlapping layers→PICTUREA picture of that part
Shader fills, halftones→PICTUREA picture of that part
A timeline on the frame→STILLIts first state. Export the header as a GIF instead.
START HERE
Emails that are already written
The Email kind in the New file dialog opens fixed pages that export as HTML email, with templates to start from. None of them is lorem ipsum. The lifecycle set follows one made-up product, Minutely, through the emails a SaaS actually sends: the waitlist, the launch, day one, day three, the trial ending, the payment that failed, the sign-in code and the changelog.
Around those sit headers for the year: Black Friday in five moods, Lunar New Year, Diwali, Halloween, Earth Day, back to school. There are festival presales, newsletter and sale headers, and a style per taste, from Swiss and brutalist to terminal, glass and riso. There is also a countdown GIF whose seconds tick like a clock.
The newsletter email template with its page selected. The web export is opened and Email HTML is picked; Export downloads one HTML file made of nested tables with inline styles, with a picture for each part a table cannot say. Opened in a browser on its own, the file shows the newsletter as a mail client would.
A logo reveal in Animate. The download button in the transport bar opens Export animation. MP4 shows frame rate, range, resolution and quality with a summary of the size; GIF switches to palette, dither and loop settings; Lottie lists what the file can carry. The frame rate is set to 120 fps for MP4.
MOVING PICTURES
A header that moves, honestly
Email HTML exports at its first state: no mail client runs a timeline, so the exporter does not pretend one will. The trick the animated templates use is older than CSS. Animate the header, export it from the timeline as a GIF, and put that picture at the top of the email.
The animated headers are built for that. The launch email's header loops for five seconds: the sticker turns, the window bobs and the "Draft ready" flag gets stamped again. Every word is already on the first frame, because some mail apps only ever show that one frame. The countdown does the same with its tiles: set the figures for the moment the email goes out, and the seconds tick down while the rest hold.
PART TWO · SLIDES
Present it like you mean it
A Slides file is a fixed-page deck. Click Play in the top bar, or press Ctrl+Alt+Enter, and the editor disappears. The arrow beside Play has the other two ways: Present in a window for screen share… and Presenter view.
Presenting is a session. Ordinary editing is suspended until you press Esc, so nothing moves while you gesture at the screen. The command palette has all three, and the AI agent can start and end a show too.
A pitch deck in Design. The arrow beside the play button lists the ways to present: fullscreen, in a window for screen share (where the browser can do it) and Presenter view. Present fullscreen fills the screen with the title slide; the right arrow moves on, W turns the screen white and back, and Esc ends the show.
THE KEYS
Your clicker already works
Presentation clickers send Page Up and Page Down, and often B or a full stop. PopCraft answers all of them, in whichever PopCraft window has focus. Here is the whole keyboard you need.
→SpacePgDn
Next build, or next slide
←PgUp
Previous slide
HomeEnd
First or last slide
B.
Black screen, and back
W,
White screen, and back
K
Pause or resume what plays
P
Open the presenter window
Esc
End the show
ONE POINT AT A TIME
Builds that wait for you
A slide's animation plays when it opens. To make a list arrive a line at a time, put pause markers on its timeline: press M after each point lands, double-click the marker and turn on Pause here when presenting. It turns amber.
In the show, each click plays on to the next pause. Click in the middle of a stretch and it finishes at once. After the last pause, the next click moves to the next slide.
A pitch deck slide in Animate whose three points arrive one after another. Its markers sit along the ruler, the amber ones pauses; double-clicking one shows its editor with Pause here when presenting on, and M adds another at the playhead. In present mode, the arrow key moves to the slide and then plays it on to its next stop each time, a point at a time.
PER SLIDE
Advance, loop and speaker notes
Select a slide and the Design panel shows how the show leaves it. Advance is On click(the default for decks), When animation ends, or After a delay of some seconds. Loop the show starts over after the last slide, for a kiosk or a trade-show screen. A slide with no setting follows the file's.
Further down is Speaker notes, one box per slide. The audience never sees them. The presenter view does.
A pitch deck with its last slide selected. In the Design panel, Advance is set from On click to When animation ends, and Loop the show sits under it. Further down, the Speaker notes section holds the slide's notes, and a line is typed into it.
IN A CALL
Share the slides, not your notes
Share your whole screen in Zoom, Meet or Teams and everyone reads your notes. Instead pick Present in a window for screen share… and the resolution the call should receive: 1280 × 720, 1920 × 1080, 2560 × 1440, 3840 × 2160, Fit window, or a custom size. A window called "your file — Audience" opens with only the slide in it, letterboxed in black. Share that one.
Your editor turns into the presenter view: the slide as the audience sees it, the next one, your notes, a timer you can pause and reset, the clock, and a strip of every slide to jump to. The show's sound plays in the audience window only, so a call that shares a tab's audio carries it.
NO NETWORK
PHEW!The audience window needs no network, only the file already open. Bad venue wifi, good talk.
THE CATCH
HMM.It needs a browser that can draw one window's WebGPU into another: Chrome and Edge. Elsewhere, present fullscreen.
NOT JUST DECKS
Anything that moves, presents
Whatever plays in Animate plays the same way when you present. A file whose content is a composition presents as that composition: its scenes in order, with their transitions and its sound, end to end. Next and Previous jump a scene, and K pauses.
The photo slideshow templates show it off. Travel, wedding, baby, birthday, holiday, home and memorial are each a composition of photo scenes cut to the beats of one of PopCraft's own CC0 songs. Press Play and you have a slideshow for the party, with music, without opening a video editor. A prototype presents too, moving by its interactions instead of by page order, so the room sees a working thing rather than pictures of one.
The travel photo slideshow template, a composition of photo scenes cut to one of PopCraft's own songs. Present fills the screen and the scenes play in order with their transitions; K pauses and resumes, and Esc ends the show.
An onboarding prototype. Present plays it from its first screen; a click on the button goes to the next screen with Smart animate: layers with the same name glide to their new places instead of cutting.
FROM ZERO
A deck worth presenting, in five moves
- 1
Start a Slides file
New, then File, then Slides. A deck is fixed pages at 16:9 or 4:3, and the pages are the slides, in order. Or open the pitch, sales, webinar or training deck and change the words. - 2
Animate the builds
In Animate, bring the points in with a preset and a stagger. Drop a marker after each point and turn on Pause here when presenting. - 3
Say how it moves on
Select a slide. Advance is On click, When animation ends, or After a delay. Loop the show is for the kiosk in the lobby. - 4
Write your notes
Speaker notes sit in the Design panel, one box per slide. Only the presenter view shows them. - 5
Present
Click Play, or press Ctrl+Alt+Enter. The arrow beside Play has the screen-share window and the presenter view.
THE OLD WAY
Design tool + email builder + slide app
| THE OLD WAY | IN POPCRAFT |
|---|---|
| Rebuild the email in a drag-and-drop builder | Export the design you already made as Email HTML |
| Hand-code tables for Outlook | Nested tables and inline styles, written for you |
| Export slides as pictures into a slide app | The deck is the design file. Press Play. |
| Share your screen and your notes with it | A window with only the slides, at the resolution the call wants |
| Email the deck, then email the fix | Share a link. Everyone sees the current version. |
WHEN THEY WANT A FILE
PowerPoint, when someone asks
Some people will want a .pptx. Export PPTX and they get the slides with your speaker notes. Composition transitions that only PopCraft can play, like a 3D cube or a flip, come out as their flat counterpart, a push or a dissolve, so the file still behaves in PowerPoint.
Often a link is better. Anyone with access opens the same file in the editor, and there is no separate presentation export to keep up to date. Fix a typo after the meeting and the link already has it.
TRY IT IN A MINUTE
One email, one deck
Click New file, pick Email, open the launch announcement and export it as Email HTML. Then pick Slides, open the pitch deck and press Ctrl+Alt+Enter. The presenting docs cover every key and window.
ASKED & ANSWERED
Questions, answered
Will the email look right in Outlook?
That is what the format is for. Email HTML is nested tables with inline styles, sized for Outlook. Anything a table cannot draw, like rounded corners, shadows, gradients or overlapping layers, is turned into a picture of that part rather than left for a mail client to get wrong.
Can PopCraft send the email for me?
No. PopCraft makes the HTML file; your email service sends it. Paste or upload the file into the tool you already send with. For a real send, set Pictures to separate files, because some mail clients refuse pictures embedded in the markup.
Can an email header move?
Not as HTML: email exports at its first state. Animate the header and export it as a GIF instead. The animated email templates keep every word on the first frame, for the mail apps that only ever show that one.
Can I share a window in Zoom without showing my notes?
Yes, in Chrome or Edge. Present in a window for screen share opens a window with only the slides in it, sized to the resolution you pick, and your editor becomes the presenter view. Share that window. It is not in the Mac app yet, and other browsers can present fullscreen instead.
Can I hand a deck to someone who uses PowerPoint?
Yes. Export PPTX. Speaker notes go with it, and 3D transitions play as their flat counterpart, so a cube becomes a push. Or share the link: anyone with access opens the same file, so there is no copy to keep up to date.
Does it work with my clicker?
Presentation clickers send Page Up and Page Down, and often B or a full stop. PopCraft answers all of those, in whichever PopCraft window has focus.
THE MANUAL, FOR THE DETAILS
DING! YOUR TURN.
Send it as an email, present it as a deck. Free to start, in your browser or on your Mac.