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

Web3Uikit

Web3Uikit is a TypeScript library of reusable UI components for developers building Web3 and decentralized application interfaces. It separates basic UI elements, icons and Web3 components into distinct packages.

Explore the practical guide ↓

Independent OpenViST project profile, based on linked sources.

Web3Uikit — 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 developing a web-based dApp and you want a component library for interface elements rather than a hosted application builder.

Who it is for

  • Web developers building decentralized application interfaces
  • Teams assembling NFT marketplace interfaces from reusable UI components
  • React developers who want separate packages for core UI elements, icons or Web3 components

Documented uses

  • Add common interface elements such as buttons, inputs and dropdowns to a dApp
  • Reuse icons and Web3-oriented components in blockchain application interfaces
  • Inspect available components through the project's Storybook demo
Before you choose

Requirements & limits

  • The repository identifies TypeScript as its primary language and the project uses React components.
  • The Web3 package depends on Moralis and react-moralis; the README's Moralis server deprecation note is relevant to projects that use it.
  • Next.js projects should account for the README's styled-components guidance.
  • The repository specifies an MIT license.

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

Add Web3Uikit packages to a project

Install the core, Web3 and icon packages and import example components into a React interface.

Before you start

  • A JavaScript project using React
  • npm or Yarn

Steps

  1. Install the packages with the command below or yarn add @web3uikit/core @web3uikit/web3 @web3uikit/icons.

    Documented command
    npm install @web3uikit/core @web3uikit/web3 @web3uikit/icons

  2. Import CryptoCards and Button from @web3uikit/core.

  3. Use the components in a React component, following the README example.

Expected outcome

The project has the three packages installed and a documented example of Web3Uikit components in a React interface.

Guide limitations

  • The README says each package can also be installed separately.
  • The Web3 package has Moralis and react-moralis dependencies; the README advises self-hosting a Moralis server to continue using it as Moralis servers are deprecated.
  • For Next.js, the README points to an official styled-components guide.
Documentation 1 ↗
Evidence and transparency

Sources & review

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