New here? Follow the daily-plan example from import to export.
YOUR IDEA. YOUR APP.
Run HTML, CSS and JavaScript.
Write a brief, build your pages, then preview and export in one workspace.
Describe your app
Design & code handoff
Handoff is manual; Stitch and Gemini APIs are not connected. Copy the prompts to the relevant platform, then import the exported design or code.
Open Stitch ↗Open AI Studio ↗Import three files or paste code. You can also preview a standalone HTML design.
Preview runs in a sandbox without external services. Open index.html after exporting; Android and iOS releases need separate packaging and signing.
Monthly subscription · 80 USDT
Uses the video studio monthly plan. Brief export, code import and local previews are currently free to try.
Automatic design, AI generation and payments are not available yet. This page does not charge you.
Build with a complete example
Run a daily task list, check a 390px layout and open your exported files in a browser. The three tutorials include success checks and troubleshooting.
Start the practical tutorials →This editor runs static frontend code. AI generation, live backend services and signed mobile installers are not included.
Editor notes
What runs here, and what needs a build step
This editor previews files the way a browser reads them: HTML, CSS and JavaScript loaded directly, no bundler in between. That constraint is what makes the preview instant, and it is also the reason some code that works in a React project will fail here without explanation.
Runs as-is
- Plain
<script>and<style>blocks, inline or linked as separate files. - ES modules via
<script type="module">, as long as the import paths are relative and the files exist in the same project. - Any library loaded from a CDN, for example a charting library or a date formatter.
Does not run
importstatements for packages that were never installed — there is nonode_modules, so a bare specifier likeimport x from 'lodash'resolves to nothing.- JSX and TypeScript without a compile step. Browsers do not parse either.
- Server-side code. PHP, Python, and Node handlers have no runtime here; anything that needs a server has to be hosted elsewhere and called over HTTP.
fetch()against a third-party API that does not send CORS headers. The request leaves the browser and the response is blocked on return — the failure appears in the console, not in the page.
What the exported ZIP contains
The export is the project as files, not a snapshot: index.html, any CSS and JavaScript you created, and an assets folder if images were added. Unzip it into an empty directory and open index.html directly — it should behave the same as the preview. If it does not, the usual cause is an absolute path written as /style.css, which resolves to the filesystem root once the file is opened from disk instead of served. Relative paths avoid this entirely.
Checking mobile width before you export
The 390px preview is a real layout width, not a scaled screenshot. Two things it catches reliably: text that overflows a flex container because a child has no min-width: 0, and tap targets that fall under roughly 44px once padding collapses. Two things it cannot catch: keyboard behaviour when the on-screen keyboard covers half the viewport, and font rendering differences on iOS. Both need a real phone.
Nothing is uploaded during editing. The project lives in this browser session. Export is the only way out, and it is also the backup — if the tab is closed before exporting, the work does not survive.
CREATOR TOOLS
Publish across your social channels.
Request setup of social-auto-upload for Douyin, TikTok, Xiaohongshu, Bilibili, YouTube and more. Platform availability is assessed before payment. Service plans: US$25 per month or US$299 per year.
Explore Social Publisher →