Wireweave Wireweave

Wireframes from simple code

Wireweave is a domain-specific language that lets AI assistants generate beautiful wireframes instantly. Write simple, readable code and get professional UI mockups.

Try Playground Documentation
login.wire 
page "Login" {
  card center {
    heading "Welcome Back"
    input "Email" email
    input "Password" password
    button "Sign In" primary
    link "Forgot password?"
  }
}

Everything you need for rapid prototyping

Wireweave combines the simplicity of a DSL with the power of AI to make wireframing effortless.

Lightning Fast

Generate wireframes in seconds. No more dragging and dropping - just write and render.

AI-Powered

Designed for AI assistants. Claude, GPT, and others can generate wireframes naturally.

Semantic Components

Rich set of UI components - cards, forms, tables, navigation, and more.

Multiple Outputs

Export to HTML, SVG, or use the AST for custom integrations.

Customizable Themes

Light and dark themes out of the box. Easy to customize colors and styles.

MCP Integration

Native Model Context Protocol support for seamless AI tool integration.

How it works

From code to wireframe in three simple steps.

01

Write DSL Code

Use simple, readable syntax to describe your wireframe structure.

page "Dashboard" {
  navbar { logo "App" }
  sidebar { menu [...] }
  main { cards [...] }
}
02

AI Generates

Claude or other AI assistants can write Wireweave DSL naturally.

User: "Create a settings page"
Claude: "Here's a wireframe..."
→ Uses wireweave_render_svg
03

Instant Preview

Get HTML or SVG output ready for review and iteration.

Output: HTML/SVG wireframe
→ Professional UI mockup
→ Ready for feedback

Simple, transparent pricing

Start free and scale as you grow. No hidden fees.

Free

$0 /forever

Perfect for trying out Wireweave

  • 10 requests per minute
  • 100 requests per day
  • 1,000 monthly quota
  • Community support
Get Started

Pro

$19 /per month

For professional designers and teams

  • 60 requests per minute
  • 2,000 requests per day
  • 50,000 monthly quota
  • Priority support
  • Advanced themes
Start Free Trial

Enterprise

Custom

For large organizations

  • Unlimited requests
  • Dedicated support
  • Custom integrations
  • SLA guarantee
  • On-premise option
Contact Sales

Frequently asked questions

Everything you need to know about Wireweave.

What is Wireweave DSL?
Wireweave is a domain-specific language designed for describing UI wireframes in a simple, human-readable format. It was created specifically to enable AI assistants to generate wireframes naturally through conversation.
How does AI integration work?
Wireweave provides an MCP (Model Context Protocol) server that integrates with AI assistants like Claude. When you ask the AI to create a wireframe, it uses Wireweave tools to generate and render the output.
Is the core library open source?
Yes! The Wireweave core parser and renderer is open source under MIT license. You can use it freely in your own projects. The API service provides convenient cloud access with authentication and rate limiting.
What output formats are supported?
Wireweave supports HTML with CSS and SVG output formats. HTML is great for interactive prototypes, while SVG is perfect for design documentation and sharing.
Can I use Wireweave without AI?
Absolutely! While Wireweave is optimized for AI workflows, you can write DSL code manually using the Playground or integrate the core library directly into your tools.
What components are available?
Wireweave includes a rich set of UI components: pages, cards, forms, inputs, buttons, tables, navigation elements, modals, and more. Check the documentation for the complete list.