Skip to content
Start free

Start a new site from a starter

Pick a framework and Xodia sets up a small site with Tailwind, ready to edit visually from the first click. Each starter is plain code with a few pages, so you or your AI can change all of it.

Start freeImport from GitHub

Free plan. 14-day Pro trial. No charge unless you choose a plan.

Xodia's New project dialog on Pick a starter: React + Vite, Next.js (chosen), Astro, React Router and HTML + Vite, each with what it suits and its tags, then the project name and Create project.

The starters

One for each kind of site

The same choices you see in New project, with what each one sets up for you.

  • React + Vite

    Simple sites and landing pages

    Full visual editingFastest preview
    • The Xodia template: Vite, React and React Router
    • Home and About pages with a shared layout
    • The quickest preview to start

    Your AI follows the Vite and React stack pack.

    Vite and React in Xodia

  • Next.js

    Sites that may grow into apps

    Full visual editingApp RouterServer rendering
    • The App Router, with pages in src/app
    • Home, About and Contact pages
    • A site header, footer and contact form

    Your AI follows the Next.js stack pack.

    Next.js in Xodia

  • Astro

    Content and marketing sites, blogs

    Full visual editingStaticFast
    • Astro pages with a base layout
    • Home, About and Contact pages
    • A header and footer as Astro components

    Your AI follows the Astro stack pack.

    Astro in Xodia

  • React Router

    Multi-page React sites with routes in files

    Full visual editingFramework mode
    • React Router in framework mode, routes in app/routes.ts
    • Home, About and Contact routes
    • A site header, footer and contact form

    Your AI follows the React Router stack pack.

    React Router in Xodia

  • HTML + Vite

    Plain multi-page sites, no framework

    Full visual editingSimplest code
    • Home, About and Contact as .html pages
    • One stylesheet and one script
    • Vite builds every page

    Your AI follows the HTML sites stack pack.

    HTML + Vite in Xodia

How to start

Two steps to a running site

New project asks how you want to start, then which starter. Connecting your AI can wait.

  • Choose Start fresh, pick a starter and give the project a name
  • Xodia creates the site and starts its live preview, ready for Edit
  • Every starter uses Tailwind v4, with its theme tokens in the Variables panel
  • Each comes with an AGENTS.md that tells your AI how the site is built
  • Have a site already? Choose Import from GitHub instead. See GitHub

Xodia's New project dialog asking how you want to start: Start fresh from a starter, or Import from GitHub to open a site you already have, with Start fresh outlined, and the optional Connect your AI line.

With your AI

Or let your AI start it

Your AI can create the project from any starter through Xodia's tools, then build the pages you describe.

  • Ask for a site and the stack you want; Xodia's create_project tool takes the starter
  • In Claude Code, /xodia:build starts a build from your description
  • Your AI follows Xodia's skills for the starter's framework. See Agent skills

Questions

Starter questions

Which starter should I pick?

React + Vite for a simple site or landing page. Next.js if the site may grow into an app. Astro for content, marketing sites and blogs. React Router for a multi-page React site with its routes in files. HTML + Vite for plain pages with no framework.

Can I edit everything in a starter?

Yes. Every starter opens with full visual editing: click any text, image or link, style it in the Style panel, and add sections. It is plain code, so your AI can change anything too. See the visual editor.

Does a starter count toward my projects?

Yes, like every project: 1 project on Free, 3 projects on Starter, 10 projects on Pro, 40 projects on Agency. Compare plans.

Are there ready-made site designs?

Not yet. Ready-made designs will come with the Marketplace, which is coming soon. Until then, start from a starter and ask your AI for the design you want, or import a site from GitHub.

Can I use a starter with a CMS?

Yes. Add content files and the Content tab edits them as forms, with Starter, Pro and Agency. See CMS.

Keep exploring

Related pages

Pick a starter and start editing.

Start freeSee pricing

May we use Google Analytics to see how people find and use this site? It sets cookies only if you allow it. Cookie policy