Slowly
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 @media rules. 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 :root block, 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.