Theme builder

What the theme builder does

A visual customization tool that produces a branded WordPress theme without writing code. Built on Bootstrap 5.3 — responsive, accessible, and modern by default. Adjust settings in the editor, see every change reflected live in the embedded preview, and download the finished theme as a ZIP ready to install on any WordPress site.

Global settings

The top-level controls that shape the entire theme.

Text direction

Switch between LTR (left-to-right) and RTL (right-to-left). RTL mirrors the whole layout automatically — text alignment, navigation, sidebar positioning, and spacing directions — so themes for Arabic, Hebrew, and other RTL languages come out correct without manual work.

Color mode

Pick between Light (traditional white background with dark text) and Dark (dark background with light text). The selection sets the base appearance; individual colors can still be fine-tuned in the Bootstrap section below.

Border radius

A single slider controls how rounded corners appear across all components — buttons, cards, inputs, modals. 0px for sharp edges, 4–8px for clean modern rounding (Bootstrap default), 12px+ for a softer feel.

Bootstrap customization

Colors

Tune the core Bootstrap palette applied to buttons, badges, alerts, links, and the rest of the component set:

• Primary — Main brand color for primary buttons, links, and emphasis
• Secondary — Secondary buttons and less prominent elements
• Success, danger, warning, info — Semantic colors for alerts, badges, and status indicators
• Background and text — Base canvas and default text colors

Typography

Set font family, base font size (all other sizes scale from this), and heading weights/sizes/spacing.

Live preview

The right-hand panel renders a representative sample of the theme: navigation bars, typography, buttons, cards, forms, alerts, and footer layouts — all updating in real time as settings change.

Edit by describing the change

Switch the left column from the Config tab to the AI Chat tab and ask for a change in plain English — for example, “make the navbar dark blue with a search box on the right” or “add four social-media icons to the footer.” The theme updates in the preview alongside the change you described, including new sections and template parts that don’t exist in the preset controls.

Want to point at a specific spot? Click any element in the preview while AI Chat is active and the assistant takes that section as context for the next message.

Every change is reversible: each turn lands as a revision you can roll back from the message itself, and the per-file history view lets you restore an earlier version of any template part.

Drafts — keep multiple themes in progress

The picker above the editor lets you create, rename, duplicate, and delete drafts. Each draft holds its own colors, typography, layout settings, and AI-authored edits, so different brands or theme variants stay isolated. Switch drafts from the dropdown to load the preview and chat history for that theme.

Download and install

Click Download to generate a ZIP containing a complete WordPress theme with compiled CSS, custom templates, and all customizations baked in — including any new files or edits authored through AI Chat in the active draft.

To install: in WordPress admin, go to Appearance → Themes → Add New → Upload Theme, select the ZIP, click Install Now, then Activate.