Can Claude build a website? Yes, here is how, free or paid

Yes. Claude builds one-page sites in chat on every plan, and full multi-page sites with Claude Code. You put them online with a free host.

Picks: 9; ranked

Yes. In a Claude chat you can describe a page and get a working one-page site you can share or download, even on the Free plan. For a site with several pages, use Claude Code, which needs Pro or higher. Claude does not host a real website for you, so you publish it on a host such as GitHub Pages, Cloudflare Pages or Vercel.

Good for

Small businesses and freelancers who need a simple site this week
People with no coding background who want a personal page or portfolio
Developers who want Claude Code to build, test and deploy a full site
Teams already on Wix, Webflow or Framer who want Claude to edit pages

The short answer

For one page, ask Claude in chat (free) and host the HTML on GitHub Pages or Cloudflare Pages. For a real multi-page site, use Claude Code on Pro and deploy with Vercel or Cloudflare, both of which have official connectors.

Our pick: Claude Code

The main catch is hosting. A Claude artifact is a single page on a claude.ai link, so a site people find on your own domain still needs a host.

Best for

A landing page or portfolio: a Claude artifact
A business site with several pages: Claude Code plus a free host
Changing an existing Wix, Webflow or Framer site: that builder's connector

Skip it if

You expect Claude itself to host the site on your own domain
You need a store or member logins and do not want to manage a database

Build a one-page site in Claude for free

Claude

1
Check that artifacts are on
On claude.ai, open Settings, then Capabilities, and make sure Code execution and file creation is switched on. Artifacts work on every plan, including Free.

Describe the site in one message

Start a new chat and say who the site is for, what sections it needs and what visitors should do. Ask for one HTML file so it is easy to host later.

Prompt

Build a single-page website for my dog-walking business in Leeds: a hero with a booking button, three services with prices, testimonials, and a contact form that opens email. Mobile-first, one HTML file.

Refine it in the chat

Ask for changes in plain words. Claude updates the page in the panel next to the chat.

Prompt

Make the header stick to the top, add a pricing section with three plans, and check that everything fits on a phone screen.

4
Share the link or download the file
Click Share, then Who has access, and pick Anyone with the link (Pro, Max and Ultra). People who open it need a Claude account. For your own site, download the HTML file instead.
5
Put it online for free with GitHub Pages
Create a GitHub repository named yourname.github.io and upload the file as index.html. Open Settings, then Pages, choose your branch, and click Visit site. Changes can take up to 10 minutes to show.
Tip: On a free GitHub account the repository must be public.
Uses GitHub MCP Server

Build a multi-page site with Claude Code and put it live

Claude

1
Install Claude Code
Claude Code needs Pro, Max, Ultra, Team or Enterprise. On a Mac or Linux run curl -fsSL https://claude.ai/install.sh | bash, on Windows PowerShell run irm https://claude.ai/install.ps1 | iex. Then make an empty folder, open it in a terminal and type claude.
Uses Claude Code

Ask for the whole site

Name the pages, the shared parts and anything search engines need. Ask Claude to build it and fix its own errors.

Prompt

Create a 4-page static site (Home, Services, About, Contact) with Astro. Shared header and footer, a sitemap.xml, and a meta title and description for each page. Run the build and fix any errors.

3
Let Claude check it in a browser
Add Playwright with claude mcp add playwright npx @playwright/mcp@latest. Claude can then open the site, click through it and fix what breaks.
Prompt
```
Open the site in a browser, check every page at phone width and fix anything that overlaps or breaks.
```
Uses Playwright MCP
4
Deploy it to Vercel
Run npm install -g vercel, then vercel in the project folder. The first deploy of a new project goes straight to production, and later ones use vercel --prod. Inside Claude Code you can instead run /plugin install vercel@claude-plugins-official and type /deploy.
Tip: Vercel's free Hobby plan is for personal, non-commercial sites. For a business site use Cloudflare Pages, Netlify or a paid Vercel plan.
Uses Vercel MCP
5
Or deploy it to Cloudflare Pages
Run npx wrangler pages project create, then npx wrangler pages deploy dist, where dist is the folder your build writes to. The free plan allows 500 builds a month.
Uses Cloudflare MCP

Make a quick page in Gemini Canvas

Gemini

1
Open Canvas
On gemini.google.com, click Add files, pick Canvas, type what you want and click Submit. Canvas is open to all Gemini users.
Prompt
```
Make a one-page website for a neighborhood book club with the next meeting date, a reading list and a sign-up button.
```
2
Share it
Click Share & export, then Share, then Copy link. The link opens on gemini.google.com, and anyone with it can view and edit the data in the page.

Best plugs for this

Ranked for this job: where the site goes live first, then tools that check and design it, then site builders. Official status and GitHub stars from our data.

Claude

Plan: Free is enough for a one-page site. Pro ($20 a month, or $17 billed yearly) adds Claude Code for full sites.

What it can do

Build a one-page site as an artifact on every plan
Share it on a link, or download the HTML to host it yourself
Build, test and deploy a multi-page site with Claude Code
Edit Wix, Webflow and Framer sites through their own connectors

Limits

An artifact is one page with no backend
New shared artifacts need viewers to have a Claude account
It does not host a site on your own domain
Free has usage limits per 5 hours and per week

Plugs to turn on

Vercel MCP: Deploys your site and shows the logs when a deploy fails.
Cloudflare MCP: Puts the site on Cloudflare Pages, with 500 free builds a month.
Playwright MCP: Lets Claude open the site in a browser and check it.
Figma MCP Server: Turns a Figma frame into code.

ChatGPT

Plan: Codex is included on every ChatGPT plan, including Free, which covers quick coding tasks.

What it can do

Write a site's code with Codex
Connect to a host such as Vercel as a custom connector

Limits

Free Codex use is limited to quick tasks
You still deploy the site to a host yourself

Plugs to turn on

Vercel MCP: Vercel's connector also works in ChatGPT and Codex.

Gemini

Plan: Canvas is open to all Gemini users. Google AI Pro and Ultra get a larger model in Canvas.

What it can do

Build a one-page site or app in Canvas
Turn a Deep Research report into a web page
Share it with a link

Limits

Shared links open on gemini.google.com, not your own domain
Anyone with the link can view and edit the page's data
Shared links do not open in the mobile app

Comparison

Use Claude chat or Gemini Canvas for a quick page you share by link. Use Claude Code or Codex when you want real files you can host on your own domain.

Option	Free plan	Multi-page	Where it lives	Own domain
Claude chat	Yes	One page	claude.ai link	Export HTML
Claude CodeThis page	No, Pro	Yes	Your host	Yes
Gemini Canvas	Yes	Not documented	Gemini link	Not documented
OpenAI Codex	Yes, limited	Yes	Your host	Yes

Questions

Can Claude build a website?

Yes. In chat it builds one-page sites as artifacts on every plan, and Claude Code builds full multi-page sites on Pro and higher. You still need a host to put a real site online.

Can Claude build a website for free?

Yes, for one page. Claude Free can make the page, and GitHub Pages or Cloudflare Pages can host it for free. Claude Code is not on Free; it starts with Pro at $20 a month, or $17 a month billed yearly.

Can Claude host or publish my website?

Not as a real website. You can share an artifact on a claude.ai link, but new shared artifacts need viewers to have a Claude account, and an artifact is a single page with no backend. Publish the files on a host such as Vercel, Netlify, Cloudflare Pages or GitHub Pages.

How do I put a site Claude made on my own domain?

Deploy it to a host, then add your domain in that host's settings. Netlify's free plan includes custom domains with SSL, and Cloudflare Pages allows up to 100 per project. You still pay for the domain name itself.

What is the difference between Claude chat and Claude Code for websites?

Chat makes one page you can preview and share. Claude Code works with real files on your computer, so it can build many pages, run the build, test it and deploy it.

Can Claude build a site with a contact form, blog or database?

Yes, with Claude Code. For forms that save data or member logins, connect a database such as Supabase, which has an official connector.

Can Claude edit my Wix, Webflow or Framer site?

Yes, through each builder's own connector. Wix's can create, update or publish a site, and Framer's can design and publish pages. Webflow's can add pages and publish CMS items, but cannot create a new site.

Can Claude turn a Figma design into a website?

Yes. With Figma's connector you select a frame and Claude turns it into code. Figma's desktop server needs a paid Dev or Full seat.

Is Claude, ChatGPT or Gemini better for building a website?

All three can make a simple page for free. Gemini Canvas shares it on a gemini.google.com link, and ChatGPT Free includes Codex for quick coding tasks. For a full site you deploy yourself, Claude Code or Codex plus a host is the usual setup.

Will a website made by Claude look generic or run slowly?

It can. Anthropic's frontend-design skill pushes Claude away from templated defaults, and giving it sites you like helps. Check speed on a phone after each change, since one user saw a mobile performance score drop from 95 to 40.

Sources

Docs, issue trackers and discussions this page is built from.

Show all 26

What are artifacts and how do I use them? · support.claude.com
Plans and pricing · claude.com
Quickstart · code.claude.com
Artifacts · code.claude.com
Creating a GitHub Pages site · docs.github.com
Publishing and sharing artifacts · support.claude.com
Vercel MCP · vercel.com
Limits · developers.cloudflare.com
Playwright MCP · github.com
vercel deploy · vercel.com
vercel-deploy-claude-code-plugin · github.com
Hobby plan · vercel.com
Direct Upload · developers.cloudflare.com
Hacker News comment · news.ycombinator.com
Create with Canvas in Gemini Apps · support.google.com
Canvas · gemini.google
Vercel MCP can now deploy code · vercel.com
Figma MCP server · developers.figma.com
Supabase MCP · github.com
Framer connector · claude.com
Webflow MCP server · developers.webflow.com
About the Wix MCP · dev.wix.com
Codex pricing · learn.chatgpt.com
Pricing · netlify.com
frontend-design skill · github.com
MCP is a fad · news.ycombinator.com