Updates
Changelog
Jun 17, 2026
Credits now reflect real usage
Credits are now metered by the actual model cost of each request instead of a flat one-per-message. A quick edit or autocomplete costs a fraction of a credit, while a long, heavy turn costs more — so light sessions stretch much further and your plan stays fairly priced. Your monthly credit allotment is unchanged; only how fast it draws down now tracks what each request genuinely uses.
Jun 13, 2026
AI wireframes: from a brief to a real site
A new Relume-style workflow turns a short brief into a working site. Describe your company, audience, and offer, and Weblab drafts a sitemap in seconds — pages and sections you can rename, reorder, add to, and re-prompt. Click Generate Wireframes and every section is mapped to a real, reusable block from our library and filled with copy specific to you; edit text inline, swap block variants, or regenerate. Generate a style guide (colors, type, radius), apply it, and the Design tab shows your pages fully styled. When you’re happy, hit Create code and Weblab spins up a real Next.js project from your design and opens it in the editor — no throwaway prototypes. It lives in its own workspace so it never gets in the way of the editor.
Jun 13, 2026
Import your designs straight from Figma
Import from Figma is live. Paste a Figma file URL, drop in a personal access token, and Weblab pulls the file’s top-level frames so you can pick exactly which ones to bring in. Hit Create Project and we spin up a real Next.js project for you — one editable React component per frame, already wired into the page and ready to build on. No more “coming soon”: the whole flow now works end to end, from frame selection to an open editor.
Jun 12, 2026
Components: master/instance editing, properties, and variants
Weblab now has a full component system. Select anything and press ⌘⌥K to turn it into a reusable component — your copy becomes the first instance, and suggested properties (headings, images, links) are hoisted automatically. Double-click any instance to edit the main component in place: the rest of the canvas dims, a banner shows how many instances your changes apply to, and Esc takes you back. Each instance gets its own property values in a new panel at the top of the Style tab — text, images, links, numbers, switches, and a variant picker — with one-click reset back to the component default. Add variants (like “dark” or “outline”) without duplicating the component, drop content into slots, or unlink an instance to make it standalone. It works with components you already have: exported React components in imported projects appear in the Components tab automatically, and static-HTML projects get the same system via editor-managed partials.
Jun 12, 2026
Pop the preview out into its own window
You can now open your live preview in its own browser tab or window — drag it to a second monitor and watch it update while you keep editing. It hot-reloads on every edit, and (for cloud projects) it quietly recovers on its own when the sandbox cold-boots or recycles: instead of a dead page you get a small “Reconnecting” chip and the preview reloads the moment it’s back. There’s an Auto-recover toggle if you’d rather see the raw page, plus a width selector for quick responsive checks. Open it from the new button next to the Preview play control, or “Pop out” from the full-screen preview.
Jun 12, 2026
A calmer start screen, and drag-and-drop a folder to open it
The “Start a new project” screen is lighter: a smaller title and a tidy row of icon buttons (hover for details) instead of a wall of large cards. “Start blank” now opens a cleaner dialog where you choose where it runs — Weblab Cloud or, in the desktop app, Local on your machine (Next.js/React or plain HTML) — then pick a stack. And in the desktop app you can now drag a folder straight from Finder into the window, or drop it on the dock icon, to open it as a project (an empty folder starts a fresh one).
Jun 12, 2026
A cleaner, more integrated terminal
The in-editor terminal now reads as a single calm surface instead of a black box floating inside a panel. Output renders directly on the panel background (no more harsh nested card), tabs are quiet text on a flat header, and everything is set in a proper monospace with comfortable line spacing — closer to the terminal in Cursor or VS Code.
Jun 5, 2026
Edit local projects in the desktop app
The desktop app can now open a folder on your machine and edit it live — the project runs its own dev server locally and renders on the canvas, every change saves straight to disk, and edits you make elsewhere (VS Code, your terminal, an AI CLI) sync back both ways. Create a fresh local project or open an existing one; nothing leaves your machine.
Jun 5, 2026
A bigger, on-brand component library
The AI can now build from 1,500+ vetted components and blocks — every free shadcn/ui, shadcnblocks, and Watermelon UI block, plus a set of premium pro blocks — each with a clear description so it picks the right one. New blank projects also start with the Weblab design tokens already applied, so your site looks intentional from the very first screen.
Jun 5, 2026
On-brand sites by default
The AI now builds from a curated component library (shadcn/ui + Watermelon UI) and a single design-token palette instead of inventing markup and colors — so generated sites look consistent and deliberate, not like a generic AI template. When it edits an existing site it matches that project’s stack, colors, and fonts. Defaults to Next.js + React + shadcn for new projects.
Jun 5, 2026
Crisper, standard-sized text
The app now renders on a standard 16px type scale, so text is a touch larger and easier to read — and it no longer shrinks for a moment each time a page loads. The Appearance → Font size setting (Small / Medium / Large) now scales every text size together.
Jun 4, 2026
Copy to Figma
Right-click an element (or select a frame) and choose Copy to Figma — then paste straight into a Figma file as real, editable layers, not a flat screenshot. A Figma button also appears in the frame toolbar and next to a selected element. No plugin required.
Jun 4, 2026
Edit any element with the AI button
Select an element on the canvas and a small AI button appears at its top-right corner. Click it to describe a change and send it straight to the AI, or add the element to the chat to build a longer request — no hunting for the right panel.
Jun 3, 2026
Readable workspace URLs
Your workspace address now reads like its name — /w/martins-workspace instead of a long random ID. New and existing personal workspaces both pick up the cleaner slug, and old bookmarked links still resolve automatically.
Jun 3, 2026
Import a local folder or a GitHub repo
Two more ways to start a project are back: import a local folder (your files upload into a fresh cloud workspace) or import a public GitHub repository by URL. Both drop you straight into the editor.
Jun 3, 2026
Clone any website into an editable project
Cloning is back. Paste a URL (or drop a screenshot) and Weblab reads the page, spins up a sandbox, and hands the layout, content, and a screenshot to the AI to rebuild as an editable Next.js or static-HTML project. Pick the output stack and add notes to steer the result.
Jun 3, 2026
Dark-mode favicons, folders in settings, and a cleaner look
Upload a separate favicon for dark mode in the Site tab — visitors see the version that fits their color scheme. Organize a project into a folder right from its settings (the same folders as your projects dashboard). And the settings modal reads cleaner: the active tab is now full-contrast and section subtitles are less muted.
Jun 2, 2026
More in project settings
Project settings grew up. A new Overview shows your Site ID, page count, and when the site was last published, updated, and created. A new Site Access tab lets you invite people by email, set their role (manager, editor, reviewer, viewer), and remove members. And a new SEO tab gives you editors for robots.txt (with one-click crawler and AI-bot controls), llms.txt, and a custom sitemap.xml — written straight into your site so search engines and AI assistants see them.
Jun 2, 2026
Settings, refined
Project settings got a cleanup pass. Claim your free Weblab domain right in the Domain tab — pick your <name>.weblab.app subdomain and save it. Upgrade prompts are now calm and monochrome with one clear button, instead of the old high-contrast callout. The Appearance, Language, Editor, and Domain tabs are translated (Swedish included), so switching language updates them live. Form spacing is tidied throughout, and the Density toggle that did nothing is gone.
Jun 2, 2026
A real terminal in the editor
The editor terminal got a full upgrade. Open it and the bottom toolbar stays put — the terminal opens as a window right below it. Type commands directly in the input below the tabs, open multiple terminal tabs with the + button, close and drag-reorder them, and drag the top edge to resize the panel height. Flip on AI mode to describe what you want in plain language and let it write the command for you (it previews first, so you press Enter to run — switch to auto-run in settings).
Jun 1, 2026
Weblab for desktop
The desktop app is now available to download for macOS, with Windows and Linux builds published alongside it. Sign in with Google, GitHub, Vercel, or email — auth hands off to your real browser and lands you straight back in the app. Drag the window from anywhere along the top to move it. Get it from the Download page.
May 29, 2026
Generate images in chat
The AI can now generate images directly in chat with Nano Banana (Google Gemini) alongside GPT Image. Image generation draws from your usage credits with per-day and per-minute limits, so it stays predictable and never runs away.
May 29, 2026
Upload skills + more built-ins
Import a skill by dropping in a SKILL.md or a .zip — upload is now the default, with paste and URL still available. The settings Skills tab also explains the All / My skills / This project scopes, and ships more built-in skills enabled by default.
May 28, 2026
Claude Opus 4.8
Anthropic's newest flagship, Claude Opus 4.8, is now selectable in the model picker — from the hero prompt and in-editor chat alike. The picker also got a polish pass: the real Claude mark replaces the old Anthropic glyph, a clearer hover highlight, and tighter model titles.
May 24, 2026
Faster sandbox runtime
New projects now boot on Vercel Sandbox end-to-end. Next.js scaffolds with Turbopack from a pre-baked snapshot when one is configured, and static-HTML projects ship with a built-in serve dev server. The legacy CodeSandbox runtime is archived. Forks and publish are temporarily disabled while we wire the Vercel-native equivalents; existing CodeSandbox-backed projects need to be re-imported to migrate.
May 14, 2026
Refined Publish Menu
The Publish menu got a cleaner pass: one clear primary action, consistent button sizes and pill shapes, tighter width and spacing, and a uniform row treatment for Custom Domain and Advanced Settings. Stronger visual hierarchy makes it obvious what to do next.
May 14, 2026
Assets Panel
The Images panel is now Assets and accepts any file type: PDFs, fonts, and documents, not just images. A Webflow-style sidebar with type filters and a folder tree replaces breadcrumb navigation, alongside a designed drop zone, right-click menus, copy URL, folder creation, move-to-folder, in-place compression, sorting, and multi-select bulk actions.
May 12, 2026
Security & Compliance Page
A new /security page explains how Weblab handles your data — encryption in transit, OAuth sign-in, AI training opt-out, named subprocessors, and our compliance posture. A minimal cookie consent toast now gates analytics and feedback tools so nothing loads before you agree.
May 10, 2026
Faster, Cleaner AI Chat
New Fast / Balanced / Deep reasoning control lets you trade thinking time for speed — Fast skips reasoning entirely so simple edits return instantly. Stalled tool calls now show a Retry affordance instead of a frozen spinner. Tighter spacing, calmer thinking blocks, and clearer tool-call states across the chat.
May 9, 2026
Restore Where You Left Off
Reload or come back later — the editor reopens with your last frame, breakpoint, and selected element already in place. No hunting through the canvas to pick up where you stopped.
May 1, 2026
AI Component Generation
Describe a UI component in plain English and Weblab generates production-ready code — fully typed, styled with your design tokens, and inserted directly into your project.
Apr 1, 2026
GitHub Sync
Connect any project to a GitHub repository. Changes made in Weblab are committed automatically, and you can pull upstream updates without leaving the editor.
Mar 1, 2026
Component Library
Browse, search, and insert components from shadcn/ui, Radix, and your own design system — directly from the sidebar. No copy-pasting, no manual installs.
Feb 1, 2026
Live Collaboration
Multiple people can now edit the same project at the same time. See teammates' cursors, selections, and changes in real time — like Figma, but for code.
Jan 1, 2026
Weblab is Live
The visual-first web development platform is officially out of private beta. Build, design, and deploy web apps by editing them directly in the browser.