---
title: Site Builder
description: "Flatsome Builder is a custom visual builder built entirely on WordPress block themes, theme.json, and Global Styles: 100% WordPress-native data with a purpose-built editing UI for pages, templates, and WooCommerce storefronts."
url: "https://flatsome.com/site-builder"
lastUpdated: 2026-10-22
---

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.

[Join early access](https://flatsome.com/pricing.md)

[Browse Templates](https://flatsome.com/templates.md)

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.

[See how the canvas works](https://flatsome.com/docs/first-page.md)

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.

[Learn about Global Styles](https://flatsome.com/global-styles.md)

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.

Headers and menus

Custom headers and accessible mega menus.

WooCommerce

Product pages, shop layouts, cart and checkout.

Flatsome MCP

Let your own AI agent build and edit with you.

Forms and popups

Contact, booking and newsletter forms without code.

Global Styles

Colors, fonts and spacing that every block follows.

Templates

Start from a ready-made website and make it yours.

Sliders and banners

Campaign banners and slides for every launch.

Dynamic Pricing

Sales, quantity breaks and buy X get Y deals.

SEO

Titles, descriptions and structured data for search.

## Build faster with Flatsome Site Builder.

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

[Join early access](https://flatsome.com/pricing.md)

[Browse Templates](https://flatsome.com/templates.md)

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