{"id":40338554,"url":"https://github.com/galihrivanto/fancy-qr","last_synced_at":"2026-01-20T08:37:18.994Z","repository":{"id":277954896,"uuid":"929827503","full_name":"galihrivanto/fancy-qr","owner":"galihrivanto","description":"QR code with customizable styles","archived":false,"fork":false,"pushed_at":"2025-03-09T16:00:57.000Z","size":80,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-17T19:14:44.074Z","etag":null,"topics":["customizable-qr","qr-code","qr-code-component"],"latest_commit_sha":null,"homepage":"https://fancy-qr-preview.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/galihrivanto.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2025-02-09T13:58:14.000Z","updated_at":"2025-03-09T16:00:55.000Z","dependencies_parsed_at":"2025-02-17T07:35:33.582Z","dependency_job_id":"caad994b-5a34-4cb9-a40a-454cea7930ce","html_url":"https://github.com/galihrivanto/fancy-qr","commit_stats":null,"previous_names":["galihrivanto/fancy-qr"],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/galihrivanto/fancy-qr","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/galihrivanto%2Ffancy-qr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/galihrivanto%2Ffancy-qr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/galihrivanto%2Ffancy-qr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/galihrivanto%2Ffancy-qr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/galihrivanto","download_url":"https://codeload.github.com/galihrivanto/fancy-qr/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/galihrivanto%2Ffancy-qr/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28599193,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-20T02:08:49.799Z","status":"ssl_error","status_checked_at":"2026-01-20T02:08:44.148Z","response_time":117,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["customizable-qr","qr-code","qr-code-component"],"created_at":"2026-01-20T08:37:18.923Z","updated_at":"2026-01-20T08:37:18.973Z","avatar_url":"https://github.com/galihrivanto.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003eFancy QR\u003c/h1\u003e\n\n  ![NPM Version](https://img.shields.io/npm/v/%40galihrivanto%2Ffancy-qr)\n  ![GitHub Actions Workflow Status](https://img.shields.io/github/actions/workflow/status/galihrivanto/fancy-qr/build-release.yaml)\n  ![GitHub](https://img.shields.io/github/license/galihrivanto/fancy-qr)\n\n\n\u003cbr /\u003e\n\n  A QR code generator with fancy styles options.\n\u003c/div\u003e\n\n\n\n## Why?\nI was involved in a project that create QR code editor with a lot of styles options and advanced features. This project is simplified version using basic canvas2d and svg. The abstraction is inspired (copied) from the project.\n\nThis project created to be used in [board2share project](https://github.com/galihrivanto/board2share), replacing plain 3rd party qr code generator.\n\n## Installation\n\n```bash\nnpm install @galihrivanto/fancy-qr\n```\n\n## Usage\n\n```ts\nimport { QRCode } from '@galihrivanto/fancy-qr';\n\nconst qr = new QRCode(640);\nqr.attachTo(document.getElementById('app') as HTMLElement);\nqr.setText('Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.');\nqr.setOuterFinder({\n    shape: 'OuterFinder.Drop',\n    fill: {\n        type: GradientType.Radial,\n        from: 'red',\n        to: 'blue'\n    }\n});\nqr.setData({\n    shape: 'Data.Circle',\n    fill: {\n        type: GradientType.Radial,\n        from: 'red',\n        to: 'blue'\n    }\n});\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgalihrivanto%2Ffancy-qr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgalihrivanto%2Ffancy-qr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgalihrivanto%2Ffancy-qr/lists"}