New

Introducing Flatsome Site Builder.

Read more about Flatsome Site Builder

Flatsome Site Builder

Design your whole site, visually.

Design pages, headers, footers and shop templates on a live canvas, or ask your AI agent to do it. Everything is saved as native WordPress blocks.

Full-site editing

Every part of your site, on one canvas.

Pages, headers, footers, blog posts, archives and WooCommerce templates open in the same workspace. Click anything on the canvas to edit it in place.

Responsive editing

Fine-tune every screen.

Give any block its own values for desktop, tablet and mobile. Resize columns, reorder content and scale type for phones, and preview each screen as you build.

Global Styles

Designed around theme.json.

Colors, typography, spacing, borders, shadows and animations live in one place, with styles for every element and block. Change them in Global Styles and every page, template and part follows.

Effects

Bring a little motion to your design.

Choose from nine entrance effects, from Fade In Up to Flip In Y, and tune easing, duration, delay and distance. Reveal a row of cards one after another, add depth with scroll and mouse parallax, and give blocks hover effects. Effects respect reduced motion settings.

Native data, custom UI

A custom builder on a native foundation.

The Builder replaces the editing experience, not the platform. Everything is saved as standard WordPress blocks, so you can open the same page in the block editor or Site Editor at any time.

Flatsome Site Builder

Everything you expect from a modern builder.

Responsive blocks, design tokens, dynamic data and the shortcuts you reach for every day.

100+ responsive blocks

From hero banners and sliders to product grids, forms and mega menus.

theme.json tokens

Colors, type and spacing as design tokens.

Keyboard shortcuts

Undo, redo, copy and paste without reaching for the mouse.

Templates and parts

Native block templates and template parts.

CSS classes and variables

Reusable classes, variables and pseudo-elements.

Block patterns

Start from a library of ready-made sections, or save your own and insert it on any page.

Dynamic content

Bind blocks to custom fields and product data.

Responsive visibility

Show or hide any block per device.

Reusable components

Components with style variants you can use anywhere.

Builders for the parts that matter most.

Headers, storefronts, forms and AI, all on the same visual canvas.

Cosmetica demo site
Home and Furniture demo site
Eliosa demo site
Electra demo site

Build faster with Flatsome Site Builder.

Create pages, templates and WooCommerce stores in one visual builder, built on native WordPress blocks.

Classic customers go first. 50% off your first year until November 2.

Classic customers go first. 50% off your first year until November 2.

Sign in Join early access