- Home
- AI Wireframe Generators
- WireDSL
On the recordRead 9 Oct 202619 facts
WireDSL
Plans and prices
Wire-DSL
Free
Open source · CLI, web editor, and VS Code extension
Read 9 Oct 2026 · wire-dsl.org
On the record
- Accessibility
- The project describes built-in accessibility best practices as a design feature.wire-dsl.org · read 9 Oct 2026
- Accessibility and AI
- The project describes built-in accessibility practices and syntax designed to support generating wireframes from natural-language prompts.wire-dsl.org · read 9 Oct 2026
- AI integration
- The MCP server supports Claude Desktop, ChatGPT, Cursor, and Windsurf, with tools for documentation, validation, and rendering.wire-dsl.org · read 9 Oct 2026
- CLI
- The CLI can validate and render .wire files and is installable from npm as @wire-dsl/cli.wire-dsl.org · read 9 Oct 2026
- Components
- The documentation lists 30 built-in components covering text, inputs, buttons, navigation, data, media, and other interface elements.wire-dsl.org · read 9 Oct 2026
- Editor extension
- The site lists a VS Code extension with syntax highlighting and IntelliSense.wire-dsl.org · read 9 Oct 2026
- Editor limitation
- The web editor is code-driven, its preview is limited to standard screen sizes, and wireframes with 100 or more components may slow down preview.wire-dsl.org · read 9 Oct 2026
- Exports
- Wire-DSL can render wireframes to SVG, PNG, and PDF.wire-dsl.org · read 9 Oct 2026
- Hosted MCP
- The public MCP server requires no installation or authentication, and the documentation also describes self-hosting it.wire-dsl.org · read 9 Oct 2026
- Integrations
- The project describes GitHub version-control workflows and an MCP server at mcp.wire-dsl.org/mcp.wire-dsl.org · read 9 Oct 2026
- Intended users
- The project presents dashboards, forms, and design systems as use cases and provides a code-first workflow for building wireframes.wire-dsl.org · read 9 Oct 2026
- Layouts
- The five documented layout containers are Stack, Grid, Split, Panel, and Card.wire-dsl.org · read 9 Oct 2026
- License
- The official site says Wire-DSL is open source; its GitHub repository identifies the license as MIT.wire-dsl.org · read 9 Oct 2026
- Limit
- The web editor documentation says very large wireframes with 100 or more components may slow down the preview.wire-dsl.org · read 9 Oct 2026
- Purpose
- Wire-DSL is a declarative, block-based language for creating interactive wireframes with code.wire-dsl.org · read 9 Oct 2026
- Support
- The site points users to documentation, GitHub issues, discussions, and a contributing guide for community support.wire-dsl.org · read 9 Oct 2026
- Version control
- The documentation describes the code-first workflow as version-control and diff friendly, and lists GitHub integration as version-control ready.wire-dsl.org · read 9 Oct 2026
- VS Code
- The project documents a VS Code extension with syntax highlighting, error detection, autocomplete, formatting, and a live preview pane.wire-dsl.org · read 9 Oct 2026
