OpenViSTAI · Agents · Blockchain · Crypto
Submit a project
Menu
Developer Tools

UI Builder

UI Builder is an open-source, browser-based tool that generates exportable React interfaces for selected smart-contract functions, including wallet connection and multi-network support.

Explore the practical guide ↓

Independent OpenViST project profile, based on linked sources.

UI Builder — OpenViST project profile in Developer Tools.
OpenViST project illustration. See the linked sources for product details.
Understand the project

Practical overview

When it fits

Use it when you need a front end for a smart-contract function and want to generate and export an interface rather than build the form from scratch.

Who it is for

  • Developers creating front ends for smart-contract calls.
  • Non-developers who need a form-based interface for contract interaction.

Documented uses

  • Generate a React form for a selected contract function.
  • Export a standalone mini app for contract interaction.
  • Build wallet-connected interfaces for supported multi-network workflows.
Before you choose

Requirements & limits

  • The repository lists adapters for EVM, Midnight, Polkadot, Solana and Stellar.
  • Local development requires Node.js 20.11.1 or later and pnpm 9 or later; Docker Compose is also documented.
  • The repository identifies the project as in development and licensed under AGPL-3.0.
  • The documented stack includes TypeScript, React, Vite and Tailwind CSS.

Check current requirements in the official documentation. Source-based guidance does not mean OpenViST has run or independently tested this project.

Source-based practical guide

Set up the UI Builder development environment

Install and start the UI Builder locally for development.

Before you start

  • Node.js v20.11.1 or higher
  • pnpm v9 or higher

Steps

  1. Clone the repository with the command below and enter it with cd ui-builder.

    Documented command
    git clone https://github.com/OpenZeppelin/ui-builder.git

  2. Install dependencies with pnpm install.

  3. Build all packages with pnpm build.

  4. Start the development server with pnpm dev, then open http://localhost:5173 in a browser.

Expected outcome

The UI Builder development server is running locally at `http://localhost:5173`.

Guide limitations

  • The project is currently in development.
  • These steps set up the builder; they do not describe how to create or export a contract interface.
Documentation 1 ↗
COMPARE OPTIONS

Compare options for Wallet connections

These projects document a common task and share a project role. This is a source-based comparison, not an execution benchmark or a guarantee of interchangeability.

ProjectDocumented purposePlatformAccess and requirements
UI BuilderGenerate a React form for a selected contract function.Web
Sample Project GradleConnect a Java web3j application to an Ethereum node.CLI
Eth Nextjs BoilerplateCreate a dApp frontend with wallet connection and an example transaction flow.CLI, Web
Evidence and transparency

Sources & review

Official repository ↗
Source record details
Source availability
Active
Sources checked
13 October 2026
Original website title
OpenZeppelin/ui-builder · Official homepage title · retained in its source language
How we review sourcesSuggest a correction