Scaffold UI

Scaffold-UI exposes a clean set of components and hooks that give you everything you need to build Ethereum dApps.

Components

Pre-built React components for common Ethereum UI patterns:

Address - Display Ethereum addresses with ENS support, blockie, and copy functionality
AddressInput - Input field for Ethereum addresses with ENS resolution
Balance - Display ETH or ERC20 token balances
EtherInput - Input field for ETH amounts with USD conversion

View Installation Guide →

Hooks

Our components are built on top of these React hooks, which you can use directly to create your own custom Ethereum components, or even combine them to build more complex ones.

useAddress - Manage address state with ENS resolution
useAddressInput - Handle address input validation and formatting
useBalance - Fetch and watch address balances with USD conversion toggle
useEtherInput - Convert between ETH and USD for input values

View Installation Guide →