Import & export
Export as HTML/CSS
Turn any block and its children into a standalone HTML and CSS snippet you can take anywhere.
Right-click any Slowly block, on the canvas or in the navigator, and choose Export as HTML/CSS. Ctrl+right-click keeps the browser's native menu, so inspect-element stays reachable. The same entry sits in the block toolbar's Copy/Paste Styles menu.
The modal renders the block and everything inside it, then shows the two halves:
- HTML is rendered server-side through the same path the front end takes, so dynamic content comes out resolved, real posts, fields, and values rather than placeholders.
- CSS stands alone. It carries the styles of the block and its children, any global classes they reference, their custom CSS, and your breakpoints written as plain
@mediarules. Framework styles the render pulled in (tooltips, lightbox, and similar) are included and labelled by source. Every custom property the snippet uses gets its definition lifted into a:rootblock, so the CSS works without your site's stylesheets. A property with no definition on the site is reported, not invented.
Copy HTML and Copy CSS put each half on the clipboard. Download .html saves a single self-contained document with the CSS inlined, ready to open in a browser as it is.
Two limits, both surfaced as notes in the modal when they apply:
- Media keeps its absolute URLs from your site. The snippet displays fine while the site is up; copy the files if it must be fully portable.
- Interactive blocks (sliders, tabs, lightbox) carry their markup and styles, not their behaviour. They need Slowly's front-end script to move.
For a whole page or site rather than a snippet, use the static export.