{"id":15428691,"url":"https://github.com/gskril/ens-widgets","last_synced_at":"2025-04-19T16:01:55.536Z","repository":{"id":65485836,"uuid":"587479983","full_name":"gskril/ens-widgets","owner":"gskril","description":"Reacts component for interacting with the Ethereum Name Service.","archived":false,"fork":false,"pushed_at":"2023-08-27T08:31:01.000Z","size":374,"stargazers_count":14,"open_issues_count":3,"forks_count":6,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-03-29T09:51:12.291Z","etag":null,"topics":["ens","etheruem"],"latest_commit_sha":null,"homepage":"https://enswidgets.xyz","language":"TypeScript","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/gskril.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":"2023-01-10T21:07:54.000Z","updated_at":"2023-11-29T00:09:08.000Z","dependencies_parsed_at":"2024-10-20T18:48:21.383Z","dependency_job_id":null,"html_url":"https://github.com/gskril/ens-widgets","commit_stats":{"total_commits":101,"total_committers":3,"mean_commits":"33.666666666666664","dds":0.07920792079207917,"last_synced_commit":"fc5cebec111afe99ee34722254f668d43326b14a"},"previous_names":["gskril/ens-widget"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gskril%2Fens-widgets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gskril%2Fens-widgets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gskril%2Fens-widgets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gskril%2Fens-widgets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gskril","download_url":"https://codeload.github.com/gskril/ens-widgets/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249732587,"owners_count":21317390,"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":["ens","etheruem"],"created_at":"2024-10-01T18:06:08.326Z","updated_at":"2025-04-19T16:01:55.476Z","avatar_url":"https://github.com/gskril.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ENS Widgets\n\n[![npm](https://img.shields.io/npm/v/ens-widgets)](https://www.npmjs.com/package/ens-widgets)\n\nA small, configurable React component for interacting with the [Ethereum Name Service](http://ens.domains/).\n\n## Installation\n\nInstall the widgets library and its peer dependencies via `npm` or `yarn`.\n\n```bash\nyarn add ens-widgets ethers wagmi\n```\n\n```bash\nnpm install ens-widgets ethers wagmi\n```\n\n## Name Registration Widget\n\n![ens-widget](https://user-images.githubusercontent.com/35093316/212418070-f595cb64-260b-4069-b191-5e2553b8cd6a.jpg)\n\nThis component assumes your app is already wrapped in [`\u003cWagmiConfig\u003e`](https://wagmi.sh/docs/WagmiConfig) and either a [RainbowKit](https://www.rainbowkit.com/docs/installation#wrap-providers) or [ConnectKit](https://docs.family.co/connectkit/api-reference#connectkitprovider) provider.\n\nRequired props:\n\n- `connectAction`: a [RainbowKit](https://www.rainbowkit.com/docs/modal-hooks) or [ConnectKit](https://docs.family.co/connectkit/api-reference#usemodal-hook) function that opens a wallet connect modal\n\nOptional props:\n\n- `hasContainer`: if true (default), the widget will be wrapped in a container with padding and a border\n- `hasHeader`: if true (default), the widget will have a header with a title and link to [ens.domains](https://ens.domains/)\n- `name`: a preset name to register\n- `onStatusUpdate`: a callback that gives you access to the status of the registration process\n- `shadowless`: if true, the widget will not have a shadow\n- `theme`: easily choose between dark and light mode (defaults to light)\n- `trackingCode`: an ENS name that will be hashed and included in the transaction for on-chain analytics according to [ENSIP-14](https://docs.ens.domains/ens-improvement-proposals/ensip-14-platform-source-parameter)\n\n```jsx\nimport { RegistrationWidget } from 'ens-widgets'\nimport { useConnectModal } from '@rainbow-me/rainbowkit'\n\nexport default function Page() {\n  const { openConnectModal } = useConnectModal()\n\n  return \u003cRegistrationWidget connectAction={openConnectModal} /\u003e\n}\n```\n\n## Running examples\n\nClone this repo and install dependencies\n\n```bash\ngit clone https://github.com/gskril/ens-widgets.git\ncd ens-widgets\nyarn install\n```\n\nStart the code bundler for the component and the example Vite app\n\n```bash\nyarn dev:vite # or dev:next for a Next.js example\n# then in another terminal window:\nyarn dev:widget\n```\n\nAny changes to [packages/widget](packages/widget) or [examples/vite](examples/vite) will auto-reload the page.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgskril%2Fens-widgets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgskril%2Fens-widgets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgskril%2Fens-widgets/lists"}