Visual & Code Editor
Easily browse, edit, and manage your project files with the built-in File Explorer and Visual/Code Editor, giving you full control over both your code and design in one place.
.png)
Build Faster with
Visual Design & Code Control
The Visual/Code Editor and File Explorer combine intuitive drag-and-drop design with full code-level access. Edit your interface visually, then dive into the code when you need precision. Browse all your project files, make changes in real-time, and watch your updates sync instantly across your entire SaaS application.
Design Visually, Code Precisely, Build Confidently
Whether you're styling a button or editing backend logic, everything lives in one unified workspace. The Visual Editor handles your design needs with intuitive controls, while the Code Editor gives you direct access to customize functionality. Switch between visual and code modes seamlessly, with changes reflected instantly across your project.
Manage Images with a Click
Upload new images or choose from your existing project library in seconds. The image selector lets you preview, select, and replace visuals across your site instantly. Whether you're updating hero banners, product photos, or brand assets, managing your media is as simple as click, select, and done.
Add Sections Instantly
Browse a complete library of professionally designed sections and add them to your pages with one click. From hero banners and feature grids to testimonials and media galleries, every section is fully responsive and ready to customize. Build complete pages in minutes by mixing and matching layouts that fit your vision.
Create New Pages in Seconds
Add public pages or private dashboards to your SaaS with a simple form. Name your page, choose between public-facing layouts or behind-paywall dashboards, and start building immediately. Every new page integrates seamlessly with your navigation and file structure, giving you complete control over your site architecture without complexity.
Visual Editor
with Full Project Control
Design your pages visually while managing your entire project structure. The left sidebar provides quick access to all pages with an instant toggle to Code Mode. The right sidebar opens the Zone Editor for customizing backgrounds, colors, borders, and spacing with live previews that update in real-time.
Switch between Visual and Code Mode instantly
Manage all pages and create new ones from the sidebar
Edit zones, text, colors, spacing, and borders in the editor
Code Editor
with File Management
Navigate your entire project structure with the File Explorer on the left, where you can add files, create folders, and upload assets directly. The Code Editor provides syntax highlighting, real-time error checking, and instant save functionality. Switch back to Visual Mode anytime with one click, or use the Find tool to quickly locate code across your project.
Add files, folders, and upload assets from the sidebar
Edit code with syntax highlighting and error detection
Switch to Visual Mode or search code instantly
