A new block-based WordPress site builder
A new way to build WordPress & WooCommerce sites. Built on the UX Builder foundation.
Visual full-site editing
Design every part of your site on a live canvas: pages, headers, footers, blog posts, archives and WooCommerce storefronts. Drag, drop and edit in place with responsive controls, all on top of native WordPress templates and template parts.
- Edit pages, templates and template parts in one workspace.
- Use Flatsome Blocks as the design primitives.
- Tune responsive values across custom breakpoints.
Flatsome MCP
Your agent, connected to Flatsome.
Connect Claude and other MCP-compatible agents to Flatsome. Ask for better copy, a new section or a layout change, and let your agent work with the actual pages and blocks on your site.
- Give your agent context from your pages, blocks and design tokens.
- Improve copy and build sections with natural-language requests.
- Keep the result editable in Flatsome Builder.
Design tokens
Designed around theme.json
Your theme.json is the single source of truth. Flatsome Builder reads its palettes, font sizes, font families, spacing scale and layout settings directly, so every block you place is already on-brand. Editing Global Styles updates the whole site at once.
- Color palettes and gradients defined as design tokens.
- Typography, spacing and radius scales applied consistently.
- Global Styles changes cascade across pages, templates and parts.
Effects
Bring a little motion to your design.
Add depth to a hero, let layers respond to the mouse and reveal a row of cards in sequence. Set the effects visually in Flatsome Builder and see them on your page.
Scroll parallax
Give backgrounds and blocks their own scroll speed. Move layers slower or faster to add depth as visitors scroll.
Mouse parallax
Let blocks follow the cursor or move against it. Move your mouse across these layers to see the effect.
Staggered animations
Bring child blocks into view one after another. Scroll away and back to replay this entrance sequence.
Make every entrance your own.
Choose fade, slide, scale, blur or flip entrances. Adjust duration, delay, easing and repeat behavior, or set shared animation defaults in Global Styles. Entrance effects can combine with scroll and mouse parallax.
Mouse parallax stays still on touch devices. Effects respect reduced motion preferences.
Native data, custom UI
A custom builder UI on a native foundation
Flatsome Builder replaces the editing experience, not the platform underneath. You get a fast, purpose-built interface for layout work, while the data layer stays 100% standard WordPress. Open the same content in the core block editor or the Site Editor at any time.
- A focused, high-performance UI layer for building layouts.
- The native WordPress block data model underneath. Nothing proprietary.
- Interoperable with the core editor, Site Editor and patterns.
Specialized builder tools
Dedicated builders for the parts of a site that matter most. Headers, storefronts, forms and dynamic content, all edited on the same visual canvas.
State-of-the-art features
Everything you expect from a modern builder, and the room to go further.
CSS classes & variables
Reusable classes, variables and pseudo-elements.
Dynamic content
Custom fields and dynamic data binding.
Reusable components
Components with style variants.
100+ responsive blocks
A large library of pre-built elements.
Conditions & interactions
Personalization with conditions and animations.
theme.json tokens
Edit and apply design tokens straight from theme.json.
Global Styles sync
Site-wide styling synced through native Global Styles.
Templates & parts
Native block templates and template parts.
Block patterns
Insert and save reusable native block patterns.
Built for productivity
Find actions quickly, reuse your work and make changes with confidence.
Command palette
Find the action you need and keep building.
Copy & paste
Move blocks across pages and sites.
Keyboard shortcuts
Keep common editing actions at your fingertips.
Undo & redo
Step back through changes and preview before you publish.