Real output, real screens.

View full size

System Requirements

Upload VoxelSite, open the URL. The installer checks PHP version, extensions, and directory permissions automatically.

View full size

Connect Your AI

Pick your provider: Anthropic, OpenAI, Google, DeepSeek, or any OpenAI-compatible API. Paste your key and verify.

View full size

Create Your Account

Set up your admin credentials. One account per installation. Simple, secure, self-hosted.

View full size

Name Your Site

Give your site a name and tagline. The AI uses this context when generating pages and content.

View full size

Email Configuration

Optional SMTP setup for form notifications and password resets. Skip it now, configure later in Settings.

View full size

Studio Dashboard

The starting point. Describe what you want to build, or pick a style suggestion to jumpstart your website.

View full size

Generating Your Site

The AI reads your brief, plans pages, and writes the code. Watch files appear in real time as your site takes shape.

View full size

Generated Website

A complete multi-page website from a single conversation. Pages, navigation, styles, scripts, and structured data.

View full size

Visual Style Editor

Click any element to open style controls. Adjust font, size, weight, alignment, spacing, and case. Live Tailwind JIT preview.

View full size

Edit with AI

Select a section and describe changes in plain language. The AI rewrites the code while you watch the preview update.

View full size

Image Editing

Click any image to replace it, adjust styles, or ask the AI to rework the section. Visual controls for every element.

View full size

Choose Image

Swap images from your uploaded assets. Browse thumbnails, pick one, and the preview updates immediately.

View full size

Code Editor

Full Monaco editor with file explorer, multi-tab editing, and syntax highlighting. Edit PHP, CSS, JS, and JSON directly.

View full size

Inline AI Edit

Select code, press ⌘K, and describe the change. The AI rewrites the selected code in real time. No copy-pasting.

View full size

Asset Manager

Upload and organize images, documents, and fonts. Drag and drop. The AI references your assets when building pages.

View full size

Forms

Contact forms are generated automatically with your site. View all forms and their submission counts in one place.

View full size

Form Submissions

Filter by status, search submissions, and export to CSV. Track every enquiry from new to archived.

View full size

Project History

Every publish creates an automatic snapshot. Create manual restore points before big changes. One-click rollback.

View full size

Settings

Configure site identity, AI provider, API key, model selection, and system settings — all in one place.

View full size

Update & Server Logs

Upload a new version ZIP to update VoxelSite. Your pages, settings, and content stay safe. Download server logs for debugging.

View full size

Download & Export

Download your site as a PHP ZIP or static HTML. Take your files anywhere. No VoxelSite required to run them.