https://github.com/maxzz/svg-path26
WIP. SVG path viewer allows you to visualize and edit SVG path data interactively.
https://github.com/maxzz/svg-path26
Last synced: 2 months ago
JSON representation
WIP. SVG path viewer allows you to visualize and edit SVG path data interactively.
- Host: GitHub
- URL: https://github.com/maxzz/svg-path26
- Owner: maxzz
- Created: 2026-03-05T03:58:35.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-04-03T04:28:15.000Z (2 months ago)
- Last Synced: 2026-04-04T00:44:53.574Z (2 months ago)
- Language: TypeScript
- Homepage: https://maxzz.github.io/svg-path26
- Size: 1.3 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# svg-path26
SVG path viewer allows you to visualize and edit SVG path data interactively.
## References
##### More or less editors/viewers
- [SVG path exploration - svg-path first implementation - tm](https://github.com/maxzz/svg-path) and [demo](https://maxzz.github.io/svg-path)
- [SVG Path Editor](https://yqnn.github.io/svg-path-editor)
- [SVG Path Visualizer](https://svg-path-visualizer.netlify.app)
- [paths: Edit SVG paths](https://github.com/jxnblk/paths)
- [svg-path-commander: A library for parsing and manipulating SVG path data](https://github.com/thednp/svg-path-commander)
##### Fonts
- [google-font-to-svg-path: Create an SVG path from a Google font](https://github.com/danmarshall/google-font-to-svg-path)
- [text-to-svg:Convert text to SVG path without native dependence.](https://github.com/shrhdk/text-to-svg)
##### Applications
- [svgpathtools: A collection of tools for manipulating and analyzing SVG path objects and Bézier curves](https://github.com/mathandy/svgpathtools)
- [svg-mesh-3d: Generate 3D meshes from SVG paths](https://github.com/mattdesl/svg-mesh-3d)
- [SVGMeshUnity - Generates mesh from SVG path in realtime for Unity](https://github.com/beinteractive/SVGMeshUnity)
- [svg-path-morph: Morph between two SVG paths](https://github.com/Minibrams/svg-path-morph)
##### Low level manipulation
- [paths-js: A JavaScript library for creating and manipulating paths](https://github.com/andreaferretti/paths-js)
- [svgpath: A library for transforming SVG path data](https://github.com/fontello/svgpath)
- [font_to_svg: Convert fonts to SVG paths (C++)](https://github.com/donbright/font_to_svg)
- [svg-path-bounding-box: Calculate the bounding box of an SVG path](https://github.com/icons8/svg-path-bounding-box)
##### Documentation
- [MDN - SVG Path Data](https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths)
## Run
- `pnpm install`
- `pnpm dev`
- `pnpm build`