Paste any HTML/CSS for this card's background. It renders behind your layers and does not capture clicks. Use a <style> block for CSS, or insert a YouTube video that plays muted and loops.
Simple WYSIWYG. Design a website like a presentation, publish it in one HTML file.
For years, the single reason I needed a Macbook was to run an old version of Keynote — the one built for Steve Jobs himself — because it's the most elegant and simple way to design any presentation.
At the same time designing webpages isn't either as easy as creating a deck or as graphically precise, where concepts like "responsive layout" don't allow the true pixel-perfect typography that a WYSIWYG approach allows.
SWYSIWYG — Simple WYSIWYG — combines the most elegant way to build a deck with the most elegant and precise way to build webpages. Design an entire website the way you'd build a deck, then publish it as a single HTML file you can host in five minutes with total graphic-design control.
Cmd/Ctrl+C / Cmd/Ctrl+V — copy and paste a selected layer (preserves all styling)Cmd/Ctrl+D — duplicate the selected layer (or card, if no layer)Arrows — nudge a selected layer 2px (hold Shift for 20px)Delete — remove selected layerEsc — deselect, or exit present modeSWYSIWYG bundles every page, image, and font reference into a single, self-contained HTML file. Open it in any browser and it just works — no server required.
Pick whichever fits. All of these are free for personal use.
slides.html onto the pagehttps://random-name.netlify.app/slides.html)To customize the URL: create a free account, claim the site, set a name in Site Settings.
my-decks)slides.html into the repo (you can drag-and-drop in the GitHub UI)main branch, roothttps://username.github.io/my-decks/slides.htmlslides.htmlnpm i -g vercel then vercel in that folderhttps://your-project.vercel.app/slides.htmlWordPress blocks .html uploads by default. Two ways around it:
text/html uploads, then upload via Media Librarydefine('ALLOW_UNFILTERED_UPLOADS', true); to wp-config.phpAfter upload, link to the file URL from any post or page.
The exported file is self-contained. You can email it, drop it in Dropbox/Drive/iCloud, and recipients open it like any other file. Works offline.
Make this text layer clickable. Followed in present mode and exported HTML; ignored in edit mode.