{"id":49498184,"url":"https://github.com/socketdottech/plugin","last_synced_at":"2026-05-01T11:01:24.012Z","repository":{"id":48241969,"uuid":"507004594","full_name":"SocketDotTech/plugin","owner":"SocketDotTech","description":"Seamless bridging experience into a single fully customizable React Component","archived":false,"fork":false,"pushed_at":"2024-10-24T11:59:31.000Z","size":4446,"stargazers_count":41,"open_issues_count":6,"forks_count":17,"subscribers_count":10,"default_branch":"main","last_synced_at":"2025-10-11T11:11:40.562Z","etag":null,"topics":["library","reactjs","storybook","widget-library"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/@socket.tech/plugin","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/SocketDotTech.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":"2022-06-24T12:36:14.000Z","updated_at":"2025-04-14T12:05:19.000Z","dependencies_parsed_at":"2023-01-25T16:01:17.269Z","dependency_job_id":"bc1a36cc-3fe8-437b-b874-9045ff7ce97f","html_url":"https://github.com/SocketDotTech/plugin","commit_stats":{"total_commits":204,"total_committers":6,"mean_commits":34.0,"dds":0.07352941176470584,"last_synced_commit":"641986ddf29c666a4555ca6917836da954065096"},"previous_names":["socketdottech/widget"],"tags_count":47,"template":false,"template_full_name":null,"purl":"pkg:github/SocketDotTech/plugin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SocketDotTech%2Fplugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SocketDotTech%2Fplugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SocketDotTech%2Fplugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SocketDotTech%2Fplugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SocketDotTech","download_url":"https://codeload.github.com/SocketDotTech/plugin/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SocketDotTech%2Fplugin/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32494275,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["library","reactjs","storybook","widget-library"],"created_at":"2026-05-01T11:01:22.041Z","updated_at":"2026-05-01T11:01:24.003Z","avatar_url":"https://github.com/SocketDotTech.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\" style=\"align: center\"\u003e\n    \u003ch1 align=\"center\"\u003eSocket Plugin\u003c/h1\u003e\n    \u003cp align=\"center\"\u003eSeamless bridging experience into a single fully customizable React Component\u003c/p\u003e\n    \u003cp align=\"center\" style=\"align: center;\"\u003e \n        \u003ca href=\"https://www.npmjs.com/package/@socket.tech/plugin\"\u003e\n            \u003cimg src=\"https://img.shields.io/npm/v/@socket.tech/plugin\" alt=\"npm version\"/\u003e\n        \u003c/a\u003e\n        \u003ca href=\"https://npmtrends.com/@socket.tech/plugin\"\u003e\n            \u003cimg src=\"https://img.shields.io/npm/dm/@socket.tech/plugin\" alt=\"Downloads\" /\u003e\n        \u003c/a\u003e\n        \u003ca href=\"https://github.com/SocketDotTech/plugin/stargazers\"\u003e\n            \u003cimg src=\"https://img.shields.io/github/stars/SocketDotTech/plugin\" alt=\"Github Stars\" /\u003e\n        \u003c/a\u003e\n        \u003ca href=\"https://github.com/SocketDotTech/plugin/blob/main/license\"\u003e\n            \u003cimg src=\"https://img.shields.io/github/license/SocketDotTech/plugin\" alt=\"License\"\u003e\n        \u003c/a\u003e\n    \u003c/p\u003e\n\u003c/p\u003e\n\nSocket Plugin is a React component that can be easily imported in any React (JS/TS) project. The plugin supports most features from [Bungee.exchange](https://bungee.exchange/). It brings the seamless bridging UX from Bungee to any DApp!\n\n![Themes](https://user-images.githubusercontent.com/20141508/180805890-208eacd4-e841-4294-9a7f-65aa8e249a0c.png)\n\nThe plugin requires `provider` from user’s connected wallet \u0026 Socket’s `API_KEY` as props to initialise. [Optional props](https://www.notion.so/Socket-Widget-Docs-b905871870e343c6833169ebbd356790) can be passed to customize the plugin’s color scheme, pre-select the chains/tokens \u0026 also customize token lists.\n\nThe full documentation for the plugin can be found [here](https://www.notion.so/Socket-Widget-Docs-b905871870e343c6833169ebbd356790)\n\n## Installation\n\nThe plugin can be installed via NPM or Yarn.\n\n**NPM :**\n\n```bash\nnpm install @socket.tech/plugin\n```\n\n**Yarn :**\n\n```bash\nyarn add @socket.tech/plugin\n```\n\n**Note :** The plugin requires `react` (\u003e=17.0.1) and `react-dom` (\u003e=17.0.1) as peerDepencies.\n\n## Initialization \n\nCopy the snippet below to get started! Pass the `API_KEY` from a .env file and `Provider` from user’s connected wallet.\n\n```tsx\nimport { Bridge } from \"@socket.tech/plugin\";\nimport { Provider } from \"./providerComponent\"\n\nfunction SocketBridge() {\n    return (    \n    \t\u003cBridge\n\t  provider={Provider}\n\t  API_KEY={process.env.SOCKET_API_KEY} \n\t/\u003e\n    )\n}\n\nexport default SocketBridge;\n```\n\nThat’s it! You’ve successfully plugged your DApp into Socket! 🔌  For further customising the plugin, check the plugin [docs](https://www.notion.so/Socket-Widget-Docs-b905871870e343c6833169ebbd356790).\n\n## Documentation\n\n- [Initialisation](https://www.notion.so/Socket-Widget-Docs-b905871870e343c6833169ebbd356790)\n- [Customisation](https://www.notion.so/Socket-Widget-Docs-b905871870e343c6833169ebbd356790)\n- [API reference](https://www.notion.so/Socket-Widget-Docs-b905871870e343c6833169ebbd356790)\n\n## Example App\n\nWork In Progress 🛠\n\n## More themes... 😎\n\n![More Themes](https://user-images.githubusercontent.com/20141508/180805803-f2e85617-c082-4354-90d1-1838ab9ec722.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsocketdottech%2Fplugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsocketdottech%2Fplugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsocketdottech%2Fplugin/lists"}