Changelog

New

• Colorful Redesign - The entire interface has been refreshed with a vibrant, colorful design. Every screen, button, and panel now feels more polished and visually engaging.
• Smarter AI Agent - The AI no longer tries to build everything at once. It now starts by suggesting a wireframe, explains its approach, and builds your project step by step. The result is working websites and interfaces with functional buttons, real navigation, and detailed layouts - not just a pretty picture.
• AI Modes: Economy, Smart & Pro - Choose how AI works for you. Economy uses Gemini for the lowest cost. Smart (recommended) automatically picks the best model for each task - fast and cheap for reading code, premium for writing it. Pro uses Claude for everything - fastest responses and best quality.
• Empty React Template - Start a React project from scratch with just the bare minimum: React, ReactDOM, and a blank component. No Tailwind, no example app - just a clean slate for your own code.

Improvements

• Mobile Experience - Completely reworked for phones. Every screen is clean, readable, and easy to use on small displays. No wasted space, no clipped elements - everything is crisp and well-organized.
• Unified Menu - The project menu and user menu are now combined into one. Everything you need - project actions, sharing, preferences, profile, billing - is in a single, clear menu. Simpler names, better organization.

New

• Visual Editing Mode - Click the "Visual edits" button in the preview toolbar to enter visual editing mode. Hover over any element to see it highlighted, then click to select it. Make changes directly in the properties panel or edit text inline by clicking on it.
• Inline Text Editing - Double-click any text element in the preview to edit it directly. Your changes are tracked and can be applied to your code with a single click.
• Properties Panel - Adjust colors, typography, spacing, borders, and effects for any selected element. Changes preview instantly in real-time.
• Batch Changes - Make multiple visual edits across different elements, then apply them all at once. The AI knows exactly which file and line each change belongs to.
• Ask AI from Preview - Select any element and type a request in the popup to ask AI to modify it. Perfect for quick tweaks like "make this button bigger" or "change the color scheme".

Fixes

• Moving Files No Longer Deletes Images - Fixed a critical bug where moving or renaming image files (e.g., dragging to /public folder) would delete the actual image from storage. Your uploaded assets now stay safe when reorganizing your project structure.
• Upload Images to Shared Projects - You can now upload images to projects with web write access enabled. Previously, only project owners could upload assets. Storage quota is correctly tracked for the project owner.

New

• Voice Input - Click the microphone button to describe your ideas by voice. Your speech is transcribed and inserted into the chat input, so you can review and edit before sending. Perfect for quickly explaining complex features or when typing feels slow.
• Crash-Safe Recording - If your browser crashes or refreshes during transcription, your recording is automatically saved locally. Just click the microphone again to retry - no lost voice messages.

New

• Attach Files in Chat - Upload images and files directly from the chat toolbar. Click the paperclip button to add photos for your website or upload documents. Files are saved to your project's /assets/ folder and the AI can reference them in your code.
• TinyPNG-like Compression - Images are now automatically compressed before upload. JPEGs use MozJPEG (same as TinyPNG) for ~65% smaller files. PNGs use color quantization to reduce file sizes by 60-75% while maintaining visual quality.
• Smart Image Resizing - Large images (over 2048px) are automatically resized. A 12MP phone photo becomes web-optimized in seconds. No more uploading multi-megabyte images that slow down your site.

Improvements

• Unified AI Experience - The AI now guides you from idea to published website like an agency would. It automatically asks clarifying questions to understand your vision, builds step by step, and helps you iterate. No mode switching required - just describe what you want and the AI figures out the rest.

Fixes

• AI Chat Stability - Fixed an issue where certain AI model responses could cause the chat to crash. Conversations are now more reliable across all models.

New

• New Credit System - We've redesigned how AI credits work. Choose from flexible credit tiers: 100, 200, 400, 800, 1,200, or 2,000 credits per month. Pick the plan that fits your usage.
• Credits Roll Over - Unused credits now roll over to the next month. No more "use it or lose it" pressure. Monthly plans roll over for 1 month, annual plans keep rolling until your subscription renews.
• Upgrade or Downgrade Anytime - Change your credit tier whenever you want. Upgrading? You get extra credits immediately. Downgrading? Keep all your existing credits.
• Top-Up Credits - Need more credits mid-month? Buy additional credits starting at $15. Top-up credits are valid for 12 months.

Improvements

• Clearer Credit Display - See exactly how many credits you have and where they come from: subscription credits, rollover credits, and purchased credits.
• Better Billing Portal - Switch between credit tiers directly from your billing settings. No need to cancel and resubscribe.

For Existing Subscribers

If you're already a Pro subscriber, nothing changes for you. Your subscription continues at the same price with the same benefits. You can switch to a new credit tier anytime if you'd like.

New

• Free Unlimited Coding - We've completely removed the 8-line code limit! Code as much as you want, experiment freely, build anything. No restrictions, no timers, no paywalls blocking your creativity.

Why the change?

We believe in encouraging you to use the editor, not restricting it. We're removing friction from the coding experience. Write unlimited code for free, and upgrade when you need AI assistance, private projects, or more than 3 saved projects.

New

• Gemini 3 Flash is Now the Default AI Model - Google's latest Gemini 3 Flash delivers great results at a fraction of the cost. Build entire pages for just $0.05-$0.10 per task. Fast, cheap, and with a massive 1M token context window for complex projects.
• New Recommended Model - Gemini 3 Flash now appears in the recommended models section, right after Claude Opus 4.5. Perfect balance of speed, quality, and cost.

Fixes

• Usage History Now Shows Accurate Costs - Fixed an issue where the "Total spent" in Usage History showed lower amounts than what was actually deducted from your balance. The numbers now match exactly what you paid.