Describe it.
Get a website.
Own the files.
Open source · Self-hosted · Free to useVoxelSite turns a plain description into a finished website on your own server. Real pages, real files, and a Studio to keep refining. Download it and use it for free.
Build a website for my café, Ember & Oak. Single-origin coffee, seasonal food and a corner worth lingering in. Warm, unhurried, honest.
Hover to pause · each of these sites came from one prompt
You don't operate it.
You talk to it.
The conversation is the interfaceVoxelSite reads the actual current state of your site before every change. Every color, every navigation link, every design token. Then it changes exactly what you asked for and tells you which files moved.
Studio · Chat with live preview Undo any step
Delete the Studio.
The website keeps running.
What you ownPHP for shared layout. HTML for content. CSS for design. Vanilla JavaScript. No React, no build step, no runtime. Files that run on any host with PHP, which is every host.
- index.php
- about.php
- portfolio.php
- services.php
- contact.php
- _partials/
- header.php
- nav.php
- footer.php
- schema.php Schema.org
- assets/
- css/
- style.css your design tokens
- tailwind.css compiled in PHP
- js/
- main.js
- navigation.js
- data/
- site.json
- services.json
- memory.json what it learned
- css/
- llms.txt for AI assistants
- mcp.php for AI agents
- sitemap.xml
- robots.txt
1<?php
2$siteName = 'Studioform';
3$page = [
4 'title' => 'Brand & Digital Design',
5 'description' => 'Studioform is a brand and digital design practice.',
6 'slug' => 'home',
7];
8include '_partials/header.php';
9?>
10
11<!-- HERO: asymmetric split, manifesto left, project image right -->
12<section class="min-h-[92vh] flex items-center pt-24 pb-16 px-6">
13 <div class="max-w-[1200px] mx-auto grid sm:grid-cols-12 gap-6 items-center">
14 <div class="sm:col-span-5" data-reveal>
15 <p class="text-xs tracking-widest uppercase font-body">Brand & Digital Design</p>
16 <h1 class="font-heading text-[clamp(3.5rem,7vw,5.5rem)] font-light leading-[1.05]">
17 Design that<br>
18 <em class="not-italic text-[#3D5A73]">endures.</em>
19 </h1>
20 <a href="/portfolio" class="inline-flex items-center gap-2 font-medium">View work</a>
21 </div>- Cost to generate
- $0.15about, for a five-page site, on your own API key
- Hosting
- €3a month of shared hosting is enough. PHP 8.2 and SQLite, nothing to install
- On your server
- 0npm packages, build steps, or Node.js. Tailwind is compiled in PHP
- AI providers
- 5Claude, OpenAI, Gemini, DeepSeek, or any OpenAI-compatible endpoint
- Lighthouse
- 90+across performance, accessibility, best practices and SEO
- Price
- Freeopen source, no tiers, nothing held back
A conversation and a preview.
Then every tool you'd expect.
Inside the StudioNo canvas, no widget library, no property panels to learn. When you do want to click, the visual editor, the code editor and the design library are one keystroke away.
Built for people who ship websites.
Who builds with itDifferent starting points, the same ending: a website on a server you control, in files anyone can read.
Monday's brief, Friday's site.
FreelancersStart from the client's business, not from a template. Save directions to the library, pick the best one, hand over a folder they own or add them as a team member.
VoxelSite for freelancersStandardise on files, not on a platform.
AgenciesEvery client site is plain PHP, CSS and JavaScript on hosting you choose. No seat pricing, no platform account that expires when the retainer ends.
VoxelSite for agenciesSkip the boilerplate. Keep the editor.
DevelopersGenerate a Tailwind CSS 4 site, open it in your own tools, or edit the source right in the Studio. Automate through the Agent API when you want to.
VoxelSite for developers