WireScript

Renders WireScript code blocks as interactive wireframe previews on GitHub. Click to interact or view source.

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.