Web Mockup Open Source

This tool provides a concise, shareable representation of web UI concepts by assembling layout blocks into mockups suitable for design reviews and early stakeholder feedback. It targets product managers, frontend engineers, UX designers, and open-source project maintainers who need deterministic visuals without writing code. The focus is on structure, grids, component placement, and responsive variants rather than interactive behavior.
Conceptually, users supply inputs such as project_name, target_framework, a list of components, viewport_widths, and color tokens. The engine maps these into grid templates and placeholder content, generating an SVG or PNG export and an HTML stub for documentation. It emphasizes reproducibility: the same inputs yield the same mockups across environments.
Unique value comes from openness and reusable templates: all templates and assets are open source, with versioned presets and licensing metadata. It supports multiple export formats, asset tokenization, and the ability to reference component libraries while preserving provenance. This reduces review time and enables consistent design system demos across teams and vendors.
Use cases include rapid client drafts, design system documentation, onboarding assets for developers, and marketing decks. By separating layout logic from branding, teams can evaluate structure early and iterate, preserving design intent while remaining adaptable to future library changes, themes, and responsive breakpoints.