The AI Website Builder for Developers

The website builder that speaks your language

Other AI builders hand you a tangle of JSX. Ours writes clean Blade and Tailwind — readable files you can edit, export, and drop into your own Laravel app.

Free to start — no card, no setup.

The DevDojo project editor — a visual canvas beside the site's real code

The builder

Visual when you want it, code when you need it

Prompt the AI, edit a section in place, or open the code editor and change the files directly. Every path ends in the same clean source.

AI that writes real code
Describe a page, a section, or a change and watch it land as real files — Blade components, Tailwind, and JSON content.
A real code editor
Flip to code mode for the editor that powers VS Code, over your site's actual files, with every change previewed live.
Your choice of model
Claude, GPT, Gemini, Grok, and more. Switch models from the prompt box and use the one you trust.
Visual editing
Click any section to edit copy, images, and links in a form — handy for teammates and clients who never open the code.
Publish in one click
Your site goes live at yoursite.devdojo.site the moment you hit publish — or connect your own domain.
Export everything
Download every file whenever you like, or pull the site into your Laravel app. No lock-in, ever.

Templates

Skip the blank page entirely

Hand-crafted templates for any use-case — each one a real codebase of Blade components and JSON content, not a locked theme.

Under the hood

How templates work

Each section is a Blade component with a small YML file describing its fields — so you work in the code, and anyone else can edit the content.

01You edit this

Click a section in the editor and this form appears.

Really — type in a field and watch the other three panes.

sections/hero.yml

02Describes it

title: Hero
fields:
badgeText:
label: Availability badge
default: ""
heading:
label: Heading
default: ""
primaryText:
label: Primary button
default: ""

sections/hero.blade.php

03Renders it

@props([
'badgeText' => '',
'heading' => '',
'primaryText' => '',
])
 
<section class="hero">
<span>{{ $badgeText }}</span>
<h1>{{ $heading }}</h1>
<a href="/contact">{{ $primaryText }}</a>
</section>

yoursite.devdojo.site

04Ships it

@props are the contract
Every prop in the visual editor is a real Blade prop with a sensible default. Add a new field, pass it as prop, and allow it to be edited by anyone.
YML is the label maker
The companion .yml gives each prop a human label, a type — text, image, color, link — and its default. Add a field and it appears in the form.
Plain text, all the way down
No proprietary block format, no databases full of JSON blobs. Export your site and you're holding Blade and Tailwind you can read, edit, and run anywhere.

The engine

Rendered by Pocketknife

Every preview and every publish renders through Pocketknife — our portable Blade engine, written in Go and shipped as one dependency-free binary. This also makes it possible to use any website directly inside of your Laravel app.

1 static binary byte-identical to Laravel milliseconds per page
Meet Pocketknife

Start building today

Simply enter a prompt, or start from a template

Describe what you want and watch the AI write it, or open a template and start changing files.

Describe it

Type a sentence. The AI writes the pages, fills the sections, and hands you a live site backed by real files.

Start with AI

Pick a template

Every template is a finished site, not a mockup — open one live, swap in your words, and publish.

Browse all templates

Your next site is one prompt away.

Describe it, shape it, ship it — and keep every line of code.