{"id":13807287,"url":"https://github.com/google-pay/google-pay-button","last_synced_at":"2025-05-14T21:05:46.124Z","repository":{"id":37520678,"uuid":"262421431","full_name":"google-pay/google-pay-button","owner":"google-pay","description":"Google Pay button - React, Angular, and custom element","archived":false,"fork":false,"pushed_at":"2025-04-29T02:16:42.000Z","size":21188,"stargazers_count":271,"open_issues_count":10,"forks_count":74,"subscribers_count":15,"default_branch":"main","last_synced_at":"2025-05-12T23:01:45.089Z","etag":null,"topics":["angular","custom-element","google-pay","react","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/google-pay.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","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":"2020-05-08T20:24:10.000Z","updated_at":"2025-05-12T15:47:36.000Z","dependencies_parsed_at":"2024-02-23T14:44:35.664Z","dependency_job_id":"2bb0553a-4f3b-4219-8ae0-936850461eab","html_url":"https://github.com/google-pay/google-pay-button","commit_stats":{"total_commits":416,"total_committers":11,"mean_commits":37.81818181818182,"dds":0.3653846153846154,"last_synced_commit":"0cd56f2567e3f272efa7e42fb4f4b194d84618d3"},"previous_names":[],"tags_count":68,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/google-pay%2Fgoogle-pay-button","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/google-pay%2Fgoogle-pay-button/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/google-pay%2Fgoogle-pay-button/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/google-pay%2Fgoogle-pay-button/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/google-pay","download_url":"https://codeload.github.com/google-pay/google-pay-button/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253837405,"owners_count":21971983,"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":["angular","custom-element","google-pay","react","typescript"],"created_at":"2024-08-04T01:01:23.663Z","updated_at":"2025-05-14T21:05:46.020Z","avatar_url":"https://github.com/google-pay.png","language":"TypeScript","readme":"# The Google Pay button\n\nThe [Google Pay API][google-pay] enables fast, simple checkout on your website. This provides convenient access to\nhundreds of millions of cards that are saved to Google Accounts worldwide.\n\nSee Google Pay in action:\n\n[![Buy with Google Pay](docs/images/google-pay-button.svg)][live-demo]\n\nThis repository contains Google Pay button implementations for compatible with popular website frameworks even easier.\n\n## Web\n\nThis is a bare bones, plain vanilla JavaScript implementation of the Google Pay button. These examples are designed to\nlaunch into a Project IDX Workspace, ready to run.\n\n- [Example code basic](./examples/html/gpay-web-101/)\u003cbr\u003e \u003ca href=\"https://goo.gle/4fnRl4N\"\u003e \u003cpicture\u003e \u003csource\n        media=\"(prefers-color-scheme: dark)\"\n        srcset=\"https://cdn.idx.dev/btn/open_dark_32.svg\"\u003e \u003csource\n        media=\"(prefers-color-scheme: light)\"\n        srcset=\"https://cdn.idx.dev/btn/open_light_32.svg\"\u003e \u003cimg\n        height=\"32\"\n        alt=\"Open in IDX\"\n        src=\"https://cdn.idx.dev/btn/open_purple_32.svg\"\u003e \u003c/picture\u003e \u003c/a\u003e\n\n- [Example code advanced](./examples/html/gpay-web-201/)\u003cbr\u003e \u003ca href=\"https://goo.gle/3YPHFce\"\u003e \u003cpicture\u003e \u003csource\n        media=\"(prefers-color-scheme: dark)\"\n        srcset=\"https://cdn.idx.dev/btn/open_dark_32.svg\"\u003e \u003csource\n        media=\"(prefers-color-scheme: light)\"\n        srcset=\"https://cdn.idx.dev/btn/open_light_32.svg\"\u003e \u003cimg\n        height=\"32\"\n        alt=\"Open in IDX\"\n        src=\"https://cdn.idx.dev/btn/open_purple_32.svg\"\u003e \u003c/picture\u003e \u003c/a\u003e\n\n## Web component\n\n[![npm version](https://badge.fury.io/js/%40google-pay%2Fbutton-element.svg)][npm-element]\n\nThe [Google Pay web component button][button-element] makes it easy to integrate Google Pay into your website using\nstandards based custom elements. Web components can be used directly in a standard HTML web application as is, and is\nalso [compatible with many popular web frameworks][custom-elements-compatible].\n\n- [Example Vue Google Pay button](./examples/vue)\n- [Example Svelte Google Pay button](./examples/svelte)\n\n```sh\nnpm install @google-pay/button-element\n```\n\nFind out more about the [Google Pay web component button][button-element].\n\n## React\n\n[![npm version](https://badge.fury.io/js/%40google-pay%2Fbutton-react.svg)][npm-react]\n\nWeb components are more difficult to consume in a React application due to the extra work involved in binding to web\ncomponent properties with React.\n\nA separate [Google Pay React button][button-react] has been created to make it easy to integrate Google Pay into your\nReact website.\n\n```sh\nnpm install @google-pay/button-react\n```\n\nFind out more about the [Google Pay React button][button-react].\n\n## Angular\n\n[![npm version](https://badge.fury.io/js/%40google-pay%2Fbutton-angular.svg)][npm-angular]\n\nAn Angular version of the [Google Pay button][button-angular] has been created to make it easier to integrate Google Pay\ninto your Angular website. The advantage of using the Angular version of the Google Pay button over the web component is\nthat it eliminates the need to register `CUSTOM_ELEMENTS_SCHEMA`.\n\n```sh\nnpm install @google-pay/button-angular\n```\n\nFind out more about the [Google Pay Angular button][button-angular].\n\n## Other frameworks\n\nThe intention is for the web component to support other web frameworks. Support for additional framework specific\nlibraries will be considered based on demand.\n\n## Have any questions?\n\nAsk it on the [discussions](https://github.com/google-pay/google-pay-button/discussions) section of the Google Pay\nbutton project.\n\n[google-pay]: https://developers.google.com/pay/api/web/overview\n[button-element]: src/button-element\n[button-react]: src/button-react\n[button-angular]: src/button-angular\n[live-demo]: https://developers.google.com/pay/api/web/guides/resources/demos\n[custom-elements-compatible]: https://custom-elements-everywhere.com/\n[npm-element]: https://www.npmjs.com/package/@google-pay/button-element\n[npm-react]: https://www.npmjs.com/package/@google-pay/button-react\n[npm-angular]: https://www.npmjs.com/package/@google-pay/button-angular\n","funding_links":[],"categories":["Security and Authentication"],"sub_categories":["Payments"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgoogle-pay%2Fgoogle-pay-button","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgoogle-pay%2Fgoogle-pay-button","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgoogle-pay%2Fgoogle-pay-button/lists"}