Offline Site Builder Pro Responsive v4

Templates

Choose a categorized visual starter. Each card loads a full editable template with matching sections and images.

Starter Collection 8

Home & Trade Services 7

Local Business & Lifestyle 7

Professional & Community 6

Theme Suggestions

Press the button to generate 3 fresh color theme ideas, then click one palette to apply it to the current page.

Quick Insert

Pages

Site Pages

Page Title

Page Slug

SEO Title

Meta Description

Switch pages here to edit them in the same canvas. Drag pages by the handle to reorder them. The Home page stays pinned first.

Checks

Responsive and accessibility checks scan your current page HTML and report common problems.

Export Settings

Export Mode

Theme Slug

Theme Label

Pages

Site Name

Brand Color

Favicon URL

Social Share Image

Export Output

Publish Settings SFTP is recommended. Use Test Connection first, then Upload Export. Upload includes contact.php for Blockly form emails.

Publish Endpoint

Protocol

Host

Port

Username

Password

Remote Folder (optional)

Live Test URL (optional)

Publish Token

Create rollback backup before upload Delete files missing from new export

Use Settings JSON to move publish/export settings to another computer. Keep this file private because it can include your FTP password and publish token.

Ready 0% Saved with current project

Publish settings are saved with the current project. For FTP accounts locked to the target folder, leave Remote Folder blank. The uploader will use /. Live Test URL is optional and only affects the Open Live Site button.

One page per line: slug|Title. These entries now define the real editable page list used by the page switcher, project save/load, ZIP export, and WordPress export.

No logic target selectedAutosaves while editing

Builder Blocks

Layers

Global Components

Save the selected header or footer, then apply it across every page.

Selected Element

Click an item in the page to style it here.

Element ID

Classes

Font Size

Text Color

Background Color

Background Gradient

Gradient Start

Gradient End

Gradient Direction

Gradient Preview

Background Image URL

Use Uploaded Image

Background Size

Background Position

Font Weight

Text Align

Width

Max Width

Height

Min Height

Display

Margin

Padding

Border Radius

Border

This applies styles directly to the item currently selected in the builder canvas.

Component Settings

Select smart blocks like navbars, buttons, hero text, service cards, reviews, and booking panels to edit their content here.

Theme Toggle

Button Size

Content

Label Text

Icon

Alignment

Shape

Color Preset

Icon Color

Icon Background

Icon Circle Color

This applies only to the selected Theme Toggle block.

Per-Device Styles

Target Device

Selector or class

Property

Value

This writes media-query CSS directly into the custom stylesheet used in preview and export.

Navbar Settings

Brand Text

Links (comma separated)

Link URLs (comma separated)

Logic Builder

Selected Target No component selected Select a button, panel, image, form field, list, or other component on the canvas, then open Blockly logic for it.

Logic is saved per selected component and exported into the site JavaScript.

Generated JS Preview

This is the foundation for an MIT App Inventor-style workflow: select a component, add event blocks, then export the generated behavior with the site.

Assets

Asset Library

History

Ready.

Not saved yet.

No code issues detected.