FEATURES & UPDATES
Latest information about Sitebuild features and how to fully master your source code.
Feature Release Timeline:
React Design Mode: Visual Inspection & Smart JSX AST Updates
React Design Mode enables you to click to inspect any UI element live, edit styles, spacing, colors, and Tailwind classes, and automatically commit the exact modifications back to the corresponding JSX/TSX file structure without breaking AST.
Clickable Generated Files in AI Chat Responses
After AI generates or refactors code, generated and updated files now appear as clickable interactive cards. Clicking any file instantly jumps to it in Monaco Editor and switches to the correct active tab.
1-Click Vercel Deployment & User Cloud Backend
Deploy your full-stack React projects directly to Vercel with encrypted user tokens, automatic serverless database backend APIs, and instant live production preview links.
VS Code Style File Explorer
Built-in VS Code style tree file explorer with collapsible directories, live file search filtering, and seamless navigation across both React and HTML workspaces.
File Mentioning with `@` in Chat
Type `@` in the chat input to mention and target specific project files (e.g. `@App.tsx`, `@index.html`). AI focuses its code inspections and modifications strictly on the tagged files.
Inline Code Editing with Ask AI (Ctrl+I)
Highlight any code lines in the editor to trigger the Ask AI inline prompt (or press Ctrl+I / Cmd+I), allowing you to ask AI to fix bugs, refactor, or optimize code right in place.
AI TOOL: Unsplash Image Search
Sitebuild AI can search relevant images on Unsplash and insert them directly into your React or HTML application.
HTML Visual Design Mode
Visual element selection, content editing, and styling inspector for HTML templates, allowing non-developers to visually craft custom pages.
Image & File Attachments
Sitebuild interprets and follows design instructions via uploaded mockups, UI screenshots, or documents for rapid prototype generation.
MVP Prototype Sharing
Generate shareable links for your prototypes to collect live feedback and showcase apps to users.
Docs & Guides:
How to download source code?
Download the entire Project to your computer for offline editing.
How to deploy into a real website
Step-by-step guide to deploying on Vercel, creating personal tokens, and fixing 'not authorize' errors.
How to add APIs to Sitebuild
Use your own API keys for complete control over costs.