A sitemap, not a single page
The generator returns a whole site — home, about, services, contact — with sections chosen for the kind of business you described, not one hero and a form.
Early access
Describe your business. AI designs the whole site.
Not a template to fill in and not a page builder to learn. One sentence, and the model plans your pages, writes every word, chooses the type and colour, and lays the whole thing out — ready to edit, publish in a click, or export as a Next.js codebase you own outright.
Or try one of these
Not sure what to write? Start from a template instead.
What the model does with it
- Reads your ideaWorks out the industry, the audience and what you sell.
- Plans the sitemapDecides which pages you need and what belongs on each.
- Designs the pagesStructure, typography and colour chosen for your sector.
- Writes every wordHeadlines, body copy and calls to action, in your context.
- Hands you the keysIt opens in the editor. Everything is yours to change.
No account needed to try it. You are asked to sign in only when you want to keep what you made.
~8s
From one sentence to a finished site
Every word
Written for your business, not borrowed
Light + dark
Designed together, not bolted on
0 KB
JavaScript shipped to your visitors
In one paragraph
What is Framewise?
Framewise is an AI website builder. You describe a business in one sentence; it plans which pages the site needs, decides how each page should be structured, writes every headline and paragraph, and chooses the typography and colour. The result is a finished multi-page website — not a wireframe, not a template to fill in — which you can edit visually, publish as static HTML with no JavaScript bundle, or export as a real Next.js codebase you own.
- What you give it
- One sentence about your business.
- What you get back
- A complete, editable multi-page site.
- How long it takes
- About eight seconds.
- Who it is for
- Small businesses, freelancers and agencies.
- What it costs to try
- Nothing, and no account is required.
- Can you leave with it
- Yes — export the source on any plan.
Decisions it makes so you do not have to
Which pages you needWhat goes above the foldThe order of every sectionHeadlinesBody copyButton labelsSection subheadingsColour paletteType pairingLight and dark together
Corner radiusPhone layoutTablet layoutDesktop layoutEntrance motionPage titlesMeta descriptionsOpen Graph tagsSitemapFavicon colour
How it works
Three steps, and the last one is optional
Most website tools ask you to make a hundred small decisions before you see anything. This one makes a complete first draft, then hands you the controls.
Describe it in a sentence
Write what your business actually does — not keywords, a sentence. That is the entire input. Everything after this point is the model working out what your site should be.
Takes about eight seconds.
Disagree with it
The draft arrives finished, not half-made — so your job is editing opinions, not filling blanks. Rewrite anything in place, reorder the page, ask for a different treatment of any section, restyle down to the breakpoint and hover state.
Full undo history, nothing is destructive.
Publish it, or take the code
Push it live on a Framewise URL in one click, or export a real Next.js project to your own GitHub repository — components, config, styles, README — and never open Framewise again.
No lock-in, by design.
What is in it
Everything a small site needs, and nothing that gets in the way
The feature list below is what the product does today, not a roadmap. Each one exists because leaving it out would have made the result something you could not actually ship.
The editor
Built like a design tool, constrained like a system
Total freedom produces broken layouts; a rigid template produces sites that all look the same. The editor sits between the two on purpose.
The canvas
A real editor, not a form with a preview
Sections are draggable. Drop a new one between any two. Select one and the inspector shows exactly the controls that piece of the page takes — no free-text CSS box that lets you break a layout the model got right.
- Drag to reorder, with an insert point anywhere on the page
- A layers panel for jumping around a long page
- Multi-page sites with per-page SEO fields
- Keyboard shortcuts for undo, redo, duplicate and delete
the canvas
The style panel
Design control that stops short of chaos
Pick a palette and a type pairing for the whole site, then override individual elements where it matters. Overrides are stored per breakpoint and per state, and clearing one removes it completely rather than leaving a dead rule behind.
- Six palettes, each defined for light and dark
- Six font pairings, loaded only where used
- Typography, fill, spacing, layout, size and offsets per element
- Base, tablet and desktop breakpoints; default and hover states
the style panel
The output
What you ship is what you saw
What the model produced, what you edited, what gets published and what gets exported are one document read four ways. There is no second implementation to drift, which is why the exported project looks like the editor and not like a screenshot of it.
- One contract read by the canvas, the generator, publishing and export
- Published HTML with an inlined stylesheet and no runtime
- Exported source that installs and builds in CI
- Share a private preview link before anything goes live
the output
Design intelligence
It knows what a page like yours needs
A physiotherapy clinic and a design studio do not need the same website, and neither of them needs the one a generic builder hands out. The model reads what you do and structures the page around it.
Where to start the pageWhat a first-time visitor has to understand before anything else.
What to prove, and whenWhere social proof belongs for your sector — and where it gets in the way.
How much to explainA service business needs detail. A product needs a demo. Not the same page.
When to askWhere pricing, enquiry or booking should sit in the reading order.
What tone to write inClinical, warm, technical or plain — matched to who you are talking to.
Which type and colourA pairing chosen for the sector, defined for light and dark together.
How it reflowsPhone, tablet and desktop treated as three designs, not one squeezed.
What to answer firstThe objections your visitors actually have, surfaced before they leave.
Every one of those decisions is made per site, from what you wrote — not picked off a shelf and recoloured.
Shipping
Two ways out, and neither is a trap
A builder you cannot leave is a subscription with a design tool attached. Framewise is meant to be a good place to start, including for people who eventually move on.
Publish it
One click puts it online as static HTML with the stylesheet inlined and no JavaScript bundle. Share a private link first if you want a second opinion before it is public.
- A framewise.app address immediately, your own domain when you are ready
- Generated sitemap.xml, robots.txt and a favicon from your brand colour
- Open Graph tags so links unfurl properly
- Republish as often as you like; each publish is a new version
Or take the code
Export a real Next.js project straight into your own GitHub repository. Not an HTML dump — one readable component per section, in TypeScript, with Tailwind and config.
- One component file per section, composed by the page
- TypeScript, Tailwind, next.config and a README included
- Private repository by default
- It installs and builds with no Framewise dependency — we test that
How it compares
Where this fits
Framewise is not the right answer for everything. Here is an honest read of what it does that the alternatives do not, and where they still win.
| Capability | Framewise | Drag-and-drop builders | Buying a template | Hiring a developer |
|---|---|---|---|---|
| Designs and writes the whole site for you | Yes | No | No | No |
| Edit visually, in place | Yes | Yes | No | No |
| Redesign any part of it on request, keeping the words | Yes | No | No | No |
| Ships zero JavaScript to visitors | Yes | No | No | Yes |
| Export a real codebase you own | Yes | No | Yes | Yes |
| No monthly fee to keep the site online | Yes | No | Yes | Yes |
| No HTML or CSS knowledge required | Yes | Yes | No | Yes |
Hiring a developer still wins on anything genuinely bespoke — a booking engine, a storefront with real inventory, an application. Framewise is for the marketing site in front of it.
Pricing
Free to build. Pay when you ship.
Generate as many sites as you like and use the entire editor without paying anything. Plans below are early-access pricing while the product is being finished.
Free
Enough to build a real site and decide whether you like it.
$0forever
- Unlimited generated drafts
- The full design engine, no feature held back
- The complete visual editor
- One published site on a framewise.app address
- Private share links for feedback
Most popular
Pro
For people shipping client work and their own projects.
$19per month
- Everything in Free
- Unlimited published sites
- Custom domains
- Export to GitHub as a Next.js project
- Version history and snapshot restore
- Remove Framewise branding
Studio
For teams putting many sites live under one roof.
Talk to usannual
- Everything in Pro
- Shared workspace and project handover
- A design system tuned to your brand
- Your own prompt and model configuration
- Priority support
Everything you build is exportable on every plan, including the free one. See the terms for the details.
FAQ
Questions people actually ask
If yours is not here, send it over — the answer usually ends up on this page afterwards.
What exactly do I get from one sentence?
A finished multi-page site: the routes you need, a considered structure for each page, real copy written for your business, and a palette and type pairing chosen to suit it. It opens in the editor as a draft you argue with, not a wireframe you complete.
Is the writing usable, or is it filler?
It is written from what you described — your services, your audience, your tone — and it is a genuine first draft rather than lorem ipsum. It is still a first draft, and a model has never met your business. Read it before you publish.
Do I need to know how to code?
No. The editor is visual from end to end, and the style controls are bounded on purpose so you cannot break your own layout. If you do write code, the export gives you a normal Next.js project with no proprietary runtime in it.
What happens if the AI is unavailable?
You still get a site. The generator never throws: a bad response, an unknown section, malformed content or an outright outage all resolve to a working document, with a note about what was substituted. A usable template is the floor, not an error page.
What if I do not like how part of it looks?
Ask for another take. Any section can be redesigned on the spot, keeping every word you have written or edited — only the treatment changes. Keep going until one lands; nothing you have typed is at risk.
Will my site work on phones?
Every section is built mobile-first and tested at three breakpoints. The preview renders at the true device width rather than squeezing a desktop layout into a small frame, so what you check is what visitors get.
How fast are published sites?
They are static HTML with an inlined stylesheet and no JavaScript bundle. The mobile navigation and the FAQ accordions use native HTML elements, and entrance animations are CSS keyframes. There is no framework to download before the page is readable.
Do I own what I make?
Yes. Your content and your site are yours. The export puts a complete Next.js project into your own GitHub repository — one component per section, TypeScript, Tailwind, config and a README — and it installs and builds without Framewise installed.
Can I use my own domain?
Yes. Publish to a framewise.app address while you are working, then point your own domain at it when you are ready. If you would rather host it yourself, export the project and deploy it anywhere that runs Next.js.
What about dark mode?
Every palette is defined for light and dark together, so it is not an afterthought. Published sites ship a toggle and a small script that runs before first paint, which is what stops the white flash that gives most dark modes away.
Is it accessible?
It is built to be: semantic landmarks, one h1 per page, labelled form controls, visible focus states, and colour pairings checked for contrast. Every animation sits behind a prefers-reduced-motion guard, including the ones on this page.
What data do you collect?
The idea you submit, the sites you create, and product events such as “a site was published”. Visitor IP addresses are salted and hashed before they are stored, and are dropped entirely when no salt is configured. The details are in the privacy policy.
Still not sure?
Ask a question and a person answers it — usually within a working day.
Your site is one sentence away
No account, no credit card, no template picker. Describe what you do and see what comes back.