SUPACODEAI STUDIO
Sign up free
Help centre

Getting started with Supacode

Write what you want on the home page and press Build. Supacode picks a stack (HTML, React or Next.js), writes real code and shows it running in a live preview. Ask for changes in the chat; every change is saved as a version. New accounts get 20 welcome credits, and the Free plan adds 5 credits a day.

Steps

Build your first project

  1. Describe your idea

    On the home page, write what you want in plain words, for example a menu site for a café with opening hours and a map. You can attach images or files for reference.

  2. Pick a stack or keep Auto

    Auto chooses the simplest stack that fits. Choose HTML for fast websites, React for interactive apps, or Next.js for apps with sign-in, data and APIs.

  3. Check the cost and build

    Sign in and look at the credit estimate before you send. Supacode builds the first version and shows it in the live preview.

  4. Refine in the chat

    Ask for changes such as "make the header sticky" or "add a contact form". Supacode edits only what is needed and saves a new version each time.

  5. Publish

    Press Publish to get a live link you can share. Publish again whenever you want to update it.

Questions

What can I build with Supacode?

Websites (HTML), web apps (React) and full-stack apps (Next.js). Supacode writes real code you can see, change, download as a zip or push to GitHub.

Do I need to know how to code?

No. You describe changes in plain words. If you do code, you can open the editor and change files yourself.

What is the Memory tab?

SUPACODE.md stores project goals, design choices and rules. Supacode reads it for every request, so you don't have to repeat yourself.

Still stuck? Contact support

Ready to build?

Describe your idea and see it running in a minute.

Start building