Show HN: Mirrow – TypeScript DSL for animated SVGs with compile-time checks

3 points

8 months ago

Mirrow is a small TypeScript DSL that compiles to SVG. It aims to make SVG and animation simpler without JSX or hand rolled CSS.

Highlights:

- Compile time checks and attribute validation - Inline events like on:click and @hover - CLI to turn .mirrow files into static SVGs or use as components

Quick try: npx mirrow -i example.mirrow -o example.svg

Playground: [https://mirrow.app/playground](https://mirrow.app/playground) GitHub: [https://github.com/MirrowApp/mirrow](https://github.com/MirrowApp/mirrow)

Feedback on DX, docs, and rough edges is very welcome. Thank you

2 comments