Skip to main content

​
Overview of Superun

Welcome! This guide walks you through creating a full‑stack app with Superun.
Superun getting started demo

​
The Superun Platform Overview

1

Step 1

Go to superun.ai and sign in.
2

Step 2

Create your first project.
3

Step 3

Describe your initial requirements in the prompt. Superun generates a working starter as your baseline.
Superun welcomes you — even if you’re completely new to tech:
  • Start a project with a single prompt
  • Browse and manage all projects; start quickly from templates
  • Update your profile; manage usage, credits, and plan settings
  • Enable or try experimental Labs features anytime
  • Upgrade or change your plan seamlessly
Every project in Superun follows a simple, structured workflow:
  • Edit easily with a clean, guided interface
  • Add reference images to clarify style or intent
  • Select and refine visual components smoothly
  • Switch between Preview Mode and Edit Mode effortlessly
  • Use version history to review or roll back changes
  • Navigate pages quickly using sidebar structure
  • Rename or remix your project as ideas evolve
  • Use Superun Cloud or external services for backend features
  • Collaborate through GitHub for code changes and reviews
  • Publish, deploy, and share with a preview link
  • Toggle between web and mobile views for responsive layouts
  • Refresh preview instantly to see updates
In Superun, you can change the interface language at any time through the user menu.
  • Access language preferences from User menu - Language.
  • Choose between supported languages, including full Traditional Chinese UI support.
  • Interface text, navigation labels, and system messages will update immediately after selection.
  • Language settings apply only to the UI environment and do not affect project logic or generated content.

​
Start your Project

Describe what you want to build in the prompt—be as specific as possible.
Start from a template, then refine features and styling via prompts.
Remix from public projects (projects connected to Supabase are not supported yet).
Draw a sketch in Excalidraw (or similar), screenshot and paste—it becomes an editable code structure.
Screenshot the target page and paste it. Superun reconstructs the structure for further editing.
After submitting your initial prompt, Superun asks a brief set of refinement questions and generates four design branches. You can review the branches and select the style you want to continue with.

​
Edit your Project

Store product goals, design rules, and key context as custom knowledge to guide AI edits.
Use visual + selection edits to fine‑tune UI (content, colors, spacing, responsiveness, etc.).
Roll back to any version via history; bookmark important edits.
Connect GitHub to collaborate via repo or local IDE and keep in sync with Superun.

​
Build Your Project

Your Feature List decides which capabilities go into your product, and Superun builds the needed UI, data, and backend pieces automatically.
Certain features depend on platform services.
Superun automatically enables the required services based on your selections:
  • Superun Cloud for authentication, data storage, and access control
  • Superun AI for intelligent or generative capabilities
  • Stripe for payment-related features
Service activation is fully automated and aligned with the functional scope of your project.
After the build finishes, Superun creates a fully structured project with pages, navigation, analytics, and settings—giving you a solid foundation to customize and grow.

​
Deploy & Publish

Complete page metadata and social images following Superun recommendations.
Add a domain via Vercel/Netlify/Namecheap, etc.
When ready, publish to get a shareable link; republish after further changes.

Superun Website

Visit the Superun website for product info and updates.