How to run AI-generated HTML, CSS and JavaScript
Import a working daily-plan example, edit its heading and test real JavaScript interactions. Learn which AI code can run without a build step.
LEARN BY BUILDING
Turn your code into a working page.
Start with one small project. Edit it, test its mobile layout and export files that work outside the editor.
How to preview a webpage at mobile width
Use a 390px preview to test wrapping, forms and long task labels. Follow a responsive CSS example and learn what still needs a real phone test.
How to export HTML, CSS and JavaScript as a working ZIP
Export a static project, extract it into a fresh folder and verify its files and interactions. Understand the difference between source files, hosting and an App installer.
Use the same working example
Free to modify. No external libraries; tasks reset on reload.
In the workspace, select Import tutorial example to load the files. Export existing work first.
Watch the 45-second demonstration
Actual interface screenshots edited into a captioned demonstration. English synthesized narration.
Download the video