Code Tab

📘

View your project's files, edit code directly, and export or push to GitHub.

View, edit, and export your code.

Viewing code

The code panel displays all your project's files. Browse the file tree and click any file to view its contents.

Editing code

Edit code directly in the editor. Changes sync with your preview in real-time.

💎

Code editing is available on paid plans.

Export code

Download clean React/HTML/Tailwind code or sync it into your existing codebase.

Push to GitHub

Push your code directly to GitHub for version control.

Learn more about GitHub integration →