https://github.com/andria-dev/svg-designer
A web app to design with SVG, created as an experiment for Web Components with Haunted
https://github.com/andria-dev/svg-designer
Last synced: about 2 months ago
JSON representation
A web app to design with SVG, created as an experiment for Web Components with Haunted
- Host: GitHub
- URL: https://github.com/andria-dev/svg-designer
- Owner: andria-dev
- Created: 2019-11-17T07:47:29.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-09-11T23:16:39.000Z (almost 6 years ago)
- Last Synced: 2025-01-28T10:46:34.977Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://chrisbrownie55.github.io/svg-designer/
- Size: 291 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SVG Designer
This was a research and experimentation project geared towards using web components for full applications. I chose [haunted](https://github.com/matthewp/haunted) to ease the development process via its React-like hooks that integrate easily with web component architecture. I used lit-html to allow JSX-like syntax with both HTML templates and SVG templates (CSS has to be done inside the HTML template with haunted 🤷♀️)
This is bundled with [pikapkg](https://pika.dev). This makes it much easier to natively use ESM and avoid complicated setups when I'm only using modern native JavaScript features (no JSX or need to support IE11).
This project was research for an article I'm writing on [my blog](https://chrisbrownie.dev)! Check back soon to see the article, for now you might check out the other articles I've written 👍.
View the site at https://chrisbrownie55.github.io/svg-designer/