@thenamespace/ens-components provides React components for .eth registration, ENS record editing, and onchain or offchain subname issuance. The components use wagmi and Viem for wallet and chain interactions.
Install
Install the package and its peer dependencies:WagmiProvider and QueryClientProvider.
Use a component
Import the form that matches your ENS workflow:isTestnet to true to use Sepolia instead of Ethereum mainnet.
Available components
ENS name registration
EnsNameRegistrationForm handles the search, commit, wait, and register flow for .eth names.ENS records
EnsRecordsForm edits addresses, text records, contenthash, avatar, and header records.Record selection
SelectRecordsForm collects ENS records without requiring a wallet or transaction.Onchain subnames
SubnameMintForm handles price lookup, record selection, and onchain minting from a Namespace listing.Offchain subnames
OffchainSubnameForm creates and updates gasless subnames through the Namespace API.Resources
- Explore the components and their props in the interactive documentation.
- View the source on GitHub.
- Install the ENS Components skill for agent-assisted integration.
- Review release changes in the ENS Components changelog.