Wireframes that live with your docs
WireScript uses Lisp-like syntax that embeds into Markdown. Pure text. No HTML/CSS/JS. Perfect for AI to generate, easy for humans to iterate.
Embed wireframes in Markdown
Drop WireScript into any .md file. No build step, no external tools. Version control your UI alongside your specs.
- Pure text — diffs, reviews, and merges just work
- AI-native — LLMs generate it flawlessly
- Zero distractions — focus on structure, not styling
(wire
(screen login "Login" :mobile
(box :col :center :gap 24 :padding 48
(text "Welcome back" :high)
(input "Email" :type email)
(input "Password" :type password)
(button "Sign In" :primary :full)
(text "Forgot password?" :low))))Iterate fast. Stay focused.
No design tools. No context switching. Just text that renders into wireframes.
Lisp-like Syntax
S-expressions with intuitive flags. Minimal syntax, maximum clarity.
Markdown Native
Embed in any .md file. Lives with your PRDs, specs, and documentation.
AI-First
Designed for LLMs. Ask AI to draw your wireframes — it just works.
Pure Text
No HTML, CSS, or JavaScript. Diffs are clean. Reviews are easy.
35 Components
Containers, inputs, data displays, navigation, overlays — all built in.
Reusable
Define layouts and components once. Use them across all your screens.
View wireframes everywhere
Render WireScript directly in GitHub, Obsidian, or the command line.
Chrome Extension
Renders wireframes inline in GitHub READMEs, issues, and PRs. Click to interact, toggle code view, or go fullscreen.
Obsidian Plugin
Render wireframes inline in your Obsidian notes. Switch between screens, navigate overlays, and iterate alongside your thinking.
CLI
Validate, render, and build wireframes from the command line. Export to HTML or PNG, generate static documentation sites.
Start in 5 minutes
Learn the syntax. Embed in your docs. Let AI do the drawing.