Lightning Fast
Generate wireframes in seconds. Write simple code and get professional UI mockups instantly.
WireweaveAI-Powered Wireframe DSL
Generate beautiful wireframes from simple, readable code
Skip to content
AI-First Design
Built for AI assistants. Claude, GPT, and others can generate wireframes naturally through conversation.
Rich Components
Cards, forms, tables, navigation - a complete set of semantic UI components ready to use.
Multiple Outputs
Export to HTML, SVG, or use the AST for custom integrations in your workflow.
See It in Action
From simple code to beautiful wireframes in seconds
Login Form
Simple authentication UI
page "Login" centered {
card w=360 p=6 shadow=lg {
title "Sign In" level=2
input "Email" inputType=email
input "Password" inputType=password
button "Sign In" primary w=full
link "Forgot password?"
}
}Social Media Feed
Instagram-like mobile layout
page device=mobile {
header p=3 border {
row justify=between {
icon "instagram" size=lg
row gap=3 {
icon "heart"
icon "message-circle"
}
}
}
main { ... }
footer p=3 border { ... }
}Dashboard
Analytics admin panel
page "Dashboard" {
header p=4 border { ... }
row {
sidebar w=200 p=4 {
link "Dashboard"
link "Analytics"
link "Reports"
}
main p=4 gap=4 {
row gap=4 {
card p=4 { title "24,521" }
card p=4 { title "$45,231" }
}
}
}
}E-Commerce
Product detail page
page "Product" {
header p=4 border { ... }
main p=6 {
row gap=6 {
placeholder "Image" w=400 h=400
col gap=4 {
title "Premium Headphones"
title "$299.00" level=2
button "Add to Cart" primary
}
}
}
}