Skip to content
swebsy.docs

Quickstart

  1. Open Swebsy Studio in your browser. You’ll land on the project dashboard.

  2. Create a new site. Click Create your first site (or New site once you have one) and pick a template. Every template comes in light and dark: use Light | Dark at the right of the filters to see them all in one mode.

    Picking a template and opening the studio

  3. Edit your content. Double-click any text to edit it right there. Double-click an image to swap it. On your first site, the Get started card at the bottom-left of the canvas walks you through it: edit some text, change a color, check mobile, publish.

    Double-clicking text to edit it inline

  4. Add blocks and components. Open the Blocks tab on the left and click a whole section (like “Hero” or “Feature grid”) to add it after the selected section, or drag it to an exact spot on the canvas. Want just a button or an icon? Switch to the Components tab and click it to add it after the selected element, or drag it into an existing block.

  5. Preview your site. In the top bar, click View → Preview (or press ⌘⇧P / Ctrl+Shift+P). That’s exactly what visitors will see.

  6. Export your code. When you’re ready, click Publish at the right of the top bar and choose Download site (ZIP). You get a ZIP that’s ready to host.

    The Publish menu open in the Swebsy top bar, with Download site (ZIP) highlighted

Next steps

Section titled “Next steps”