⚙ Components

Scaffold-ETH 2 provides a set of pre-built components for common web3 use cases. You can make use of them to accelerate and simplify your dapp development.

Most of these components are powered by Scaffold-UI, a standalone library that provides the underlying components and UI hooks. The examples below show how they work within a Scaffold-ETH 2 project. For more details on customization, theming, and advanced usage, check the Scaffold-UI documentation.

Available Components

• Address - Display an Ethereum address with ENS resolution and copy functionality
• AddressInput - Input field for Ethereum addresses with ENS support
• Balance - Display the ETH balance of an address
• BlockieAvatar - Generate and display blockie avatars for addresses
• EtherInput - Input field for ETH amounts with USD conversion
• BaseInput - Base input component for building custom inputs
• IntegerInput - Input field for integer values
• RainbowKitCustomConnectButton - Customized wallet connect button