11 ms·
Show HN: Mirrow – Build SVGs with TypeScript, get syntax checking for free
Mirrow is a TypeScript DSL that compiles to SVG with compile-time syntax checking and type safety. It reduces boilerplate while catching SVG errors before runtime.
Key features:
Attribute validation at compile time
Inline events (on:click, @hover)
Zero-config CLI: npx mirrow -i input.mirror -o output.svg
Works as static SVGs or components
Playground: https://mirrow.app/playground https://mirrow.app/playground
GitHub: https://github.com/MirrowApp/mirrow https://github.com/MirrowApp/mirrow
Built this because hand-writing SVG is error-prone and existing tools don't catch mistakes until runtime. Would love feedback on DX and docs!