WireScript

About

WireScript for GitHub transforms WireScript code blocks in GitHub markdown files into interactive wireframe previews.

WHAT IS WIRESCRIPT?
WireScript is a markup language for describing UI wireframes. It uses a simple, readable syntax to define screens, layouts, and components. This extension brings those wireframes to life directly on GitHub.

HOW IT WORKS:
• Automatically detects code blocks with 'wire' or 'wirescript' language tags
• Shows a clickable preview of the wireframe
• Click to activate the full interactive wireframe
• Toggle between wireframe view and source code with one click
• View wireframes in fullscreen mode for detailed inspection
• Supports multi-screen wireframes with tab navigation

USE CASES:
• Preview UI designs without running any code
• Share interactive wireframes in README files
• Document component libraries and design systems visually
• Review UI specifications in pull requests
• Create living documentation for your projects

FEATURES:
• Zero configuration required - just install and it works
• Lightweight and fast - renders only when you click
• Respects viewport settings (mobile, tablet, desktop)
• Automatic deactivation when scrolling away to save resources
• PNG preview caching for faster subsequent loads
• Works on any public or private GitHub repository

PRIVACY:
• All processing happens locally in your browser
• No data is sent to external servers
• No tracking, analytics, or cookies
• No account required
• Open source - review the code yourself

PERMISSIONS EXPLAINED:
This extension requires access to github.com pages to detect WireScript code blocks and render them as wireframes. It does not access any other websites or send data anywhere.

SUPPORT:
For bug reports, feature requests, or questions, please visit the project's GitHub repository.