Pricing

Equip your product team with the power of AI

Free

$0/month

Visual code editor access
5 projects
Up to 5 AI credits per day
15 AI credits per month
Unlimited styling and code editing
Limited to 1 screenshot per chat

Pro

$25/month

Unlimited projects
Deploy to a custom domain
Collaborate with your team
Turn projects into templates

Enterprise

Custom pricing

Custom integrations
On-premise deployment options
Usage analytics
Branching
24/7 premium support
Custom SLA

For Teams

Custom pricing tailored to your team's needs

Get started

Project Templates

Save and reuse your projects as templates across your team

Branching & Version Control

Create and manage branches for your projects with full version history

Your Real Design system

Bring your real components in Weblab and use them in your projects

Theming & Branding

Centralized design tokens, color palettes, and typography management

Built like a design tool

Navigate your React component tree with precise control over every element

Pick your model, or bring your own key

Claude Opus 4.8 and Sonnet 4.6, GPT-5.5, Gemini 3.1 Pro, DeepSeek V4 Pro, Kimi K2.6, plus local models via Ollama on the desktop app. Dial reasoning from Fast to Deep.

Open Source

Built with the community. Customize and extend for your team's needs

Custom Domains

Deploy your projects to your own internal domain

Advanced Security

SSO (SAML/OAuth), advanced security controls, audit logs, and admin controls

And more...

Unlimited projects
Custom integrations
Advanced usage analytics
Early access to new features
Dedicated support
Account manager
Dedicated Slack channel
Technical onboarding

Existing paid plan users can continue using Weblab. New users, please contact us to get your team set up. If you're looking to self-host Weblab, please check out the GitHub repository or reach out to us to schedule a call.

Weblab is a visual design canvas that connects to your existing codebase. Designers drag real components onto an infinite canvas, make changes visually, and submit pull requests, with no coding required.

Traditional design tools create static mockups that must be rebuilt in code. Weblab works with your real components, so what you design IS the code. Changes become PRs, not handoff specs.

AI generators create new code from scratch. Weblab constrains AI to YOUR existing components, so outputs match your design system. No translation, no drift.

No. Designers use a visual canvas with familiar tools. Real code runs underneath, so you don't need to touch it unless you want to.

Yes. Weblab ships a static-HTML scaffolder for landing pages, portfolios, and marketing sites — no framework required.

Yes. Hit "Start blank" to scaffold a fresh project, then use the AI chat in the editor to generate pages, sections, and styles. No existing codebase needed.

Yes. The desktop app loads your local codebase and runs alongside your AI coding agent — design visually in Weblab while Claude Code does the heavy lifting in your terminal. Codex, Cursor, and Gemini support is rolling out.

Yes. Share your canvas, leave spatial comments, and work together in real-time. Changes sync to code and can be submitted as PRs for engineers to review.

React, Next.js, and any CSS approach (Tailwind, CSS modules, styled-components). Works with any component library.

Yes. Weblab is open source under Apache 2.0 — self-host the whole thing free from GitHub. The hosted cloud version has a free Basic plan with daily AI credits, plus paid plans for unlimited AI and custom domains.

The code you make with Weblab is all yours. Export it locally, publish to GitHub, or deploy to a custom domain.

Ready to stop rebuilding?
Your design system, on a canvas.