UI Builder

Quickstart

The Contracts UI Builder is an open source tool you can quickly create online forms to interact with your smart contracts for testing or for administration purposes. It includes a vast amount of features including:

  • Configurable EVM Networks
  • Automatic contract state and ABI scraping
  • Custom forms to handle different types of contract inputs and functions
  • Execution restriction options
  • OpenZeppelin Wallet UI or Rainbow Kit
  • Export as React App project

Getting Started

Visit builder.openzeppelin.com to get started

1. Select Network

First select the network your contract is deployed to

Quickstart select network

2. Provide Contract Address

Paste in the contract address and the UI Builder will fetch the ABI if the contract is verified. If it is not verified then provide the ABI in the form.

Quickstart contract address

3. Select Function

Choose which write function you would like to build a form for.

Quickstart select function

4. Customize

Setup the form for your function and customize any applicable fields, execution method restrictions, or wallet UI kit.

Check out the Customization section for more details

Quickstart customize form

5. Export

Once complete you can click the "Export" button which will download the form as a React app you can deploy or customize further.

Quickstart export form

Next Steps

Learn how you can customize networks or customize the forms for your project.

Visit the GitHub repo with the link below and open an issue if you have any problems!

GitHub Repo