Create and manage block themes with an intuitive interface. No coding required - design your theme's settings through a user-friendly admin panel.

ClevelandWebDeveloper

Spacer

Adds a spacer button to the WYSIWYG visual editor which allows you to add precise custom spacing between lines in your posts and pages.

GermanThemes

GT Remove Block Spacing

Remove top and bottom spacing for any Gutenberg block.

Artem Semkin

Fluid Design System for Elementor

Create fluid typography & spacing presets natively in Elementor — no CSS clamp formulas, no breakpoints, just seamless responsive design.

MOTOKI

Motoki Spacing Controller

Easily control top and bottom padding and margin for each block in the block editor, separately for PC and SP views.

沈唁

Pangu JS

为什么你们就不能加个空格呢？

Andy Ken

Cute Editor Text Divider

Adds a customizable spacing tool to your visual editor—create perfect gaps between content elements with a simple shortcode.

Jim Roberts

Fluid Space Forge

Generate responsive spacing systems using CSS clamp() functions. Perfect companion to Fluid Font Forge for creating fluid design systems.

Helmut Wandl

Theme Designer is a powerful WordPress plugin that allows you to create and manage block themes (FSE themes) without writing a single line of code. It provides an intuitive interface to configure all theme settings that are typically defined in the <code>theme.json</code> file.
<h4>Key Features</h4>
<ul>
<li>Visual Theme Builder: Create new themes with a simple form interface</li>
<li>Complete Settings Management: Configure all theme.json settings through an intuitive admin panel</li>
<li>Theme Metadata: Set theme name, description, author, version, and other metadata</li>
<li>Screenshot Management: Upload and manage theme screenshots</li>
<li>Color Palettes: Define custom color palettes and gradients</li>
<li>Typography Settings: Configure font families, sizes, and fluid typography</li>
<li>Spacing & Layout: Set up spacing scales, layout sizes, and user controls</li>
<li>Border & Shadow: Define border styles, radius, and shadow presets</li>
<li>Background Controls: Configure background image and positioning options</li>
<li>Theme Export: Download your themes as installable ZIP files</li>
<li>Theme Duplication: Easily duplicate existing themes as starting points</li>
<li>WordPress Defaults: Choose to include or exclude WordPress default settings</li>
</ul>
<h4>What Gets Created</h4>
When you create a theme with Theme Designer, it automatically generates:
<ul>
<li>Theme Directory Structure: Complete theme folder with all necessary files</li>
<li>style.css: Theme header with all metadata</li>
<li>theme.json: Complete configuration file with all your settings</li>
<li>Templates: Basic <code>index.html</code> template for the main content area</li>
<li>Template Parts: <code>header.html</code> and <code>footer.html</code> parts for site structure</li>
<li>Screenshot: Theme preview image (if uploaded)</li>
</ul>
<h4>How It Works</h4>
<ol>
<li>Open Theme Designer: In the admin panel go to “Design” → “Theme Designer”</li>
<li>Create Theme: Fill out the theme metadata form</li>
<li>Configure Settings: Use the visual interface to set up colors, typography, spacing, etc.</li>
<li>Preview & Test: Your theme is immediately available in the WordPress admin</li>
</ol>
<h4>Perfect For</h4>
<ul>
<li>Developers who want to quickly prototype themes</li>
<li>Designers who prefer visual tools over code</li>
<li>Agencies creating custom themes for clients</li>
<li>WordPress users who want to create their own themes</li>
<li>Theme shops looking to streamline theme creation</li>
</ul>
<h4>Integration with Site Editor</h4>
Themes created with Theme Designer work seamlessly with the WordPress Site Editor. You can:
<ul>
<li>Customize templates and template parts visually</li>
<li>Add custom styles through the Site Editor interface</li>
<li>Override theme settings on a per-page basis</li>
<li>Create additional templates and parts as needed</li>
</ul>
Note: Settings defined in the Site Editor take precedence over theme settings, even after saving new values in the theme.
<h4>Requirements</h4>
<ul>
<li>Block theme support enabled</li>
<li>Write permissions for the themes directory</li>
</ul>
<h3>More from the same author</h3>
Take a look at <a href="https://www.wppeak.com/" rel="nofollow ugc">www.wppeak.com</a>

Alternatives to Theme Designer

Top alternatives