{"id":21995931,"url":"https://github.com/andria-dev/svg-designer","last_synced_at":"2026-05-02T05:08:06.752Z","repository":{"id":124003135,"uuid":"222214508","full_name":"andria-dev/svg-designer","owner":"andria-dev","description":"A web app to design with SVG, created as an experiment for Web Components with Haunted","archived":false,"fork":false,"pushed_at":"2020-09-11T23:16:39.000Z","size":298,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-28T10:46:34.977Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://chrisbrownie55.github.io/svg-designer/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/andria-dev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-11-17T07:47:29.000Z","updated_at":"2020-03-14T14:12:30.000Z","dependencies_parsed_at":null,"dependency_job_id":"1c01be3f-67ea-4935-9c1e-c76723d42c7e","html_url":"https://github.com/andria-dev/svg-designer","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andria-dev%2Fsvg-designer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andria-dev%2Fsvg-designer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andria-dev%2Fsvg-designer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/andria-dev%2Fsvg-designer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/andria-dev","download_url":"https://codeload.github.com/andria-dev/svg-designer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245053717,"owners_count":20553382,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-29T21:19:15.933Z","updated_at":"2026-05-02T05:08:06.711Z","avatar_url":"https://github.com/andria-dev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# SVG Designer\n\nThis 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 🤷‍♀️)\n\nThis 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).\n\nThis 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 👍.\n\nView the site at https://chrisbrownie55.github.io/svg-designer/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandria-dev%2Fsvg-designer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandria-dev%2Fsvg-designer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandria-dev%2Fsvg-designer/lists"}