Back to All Episodes
Season 1Episode 3

web3-ui

December 17, 2021
26m
1 Guest

Listen Now

About This Episode

In this episode of DevNTell, host Narb welcomes Dhaiwat Pandya to present 'web3-ui', a new library of UI components specifically designed for the Web3 and Ethereum ecosystems. Dhaiwat explains that the project was born out of a desire for a more lightweight, typed, and well-documented alternative to existing templates like Scaffold-ETH. The library is organized into three distinct packages: components, hooks, and a 'core' package for plug-and-play functionality. Built with React and Chakra UI, the project aims to drastically reduce the boilerplate code required to build decentralized applications, features like one-line wallet connection, ENS resolution, and simplified NFT rendering. The session concludes with a discussion on the project's early-stage challenges and an invitation for open-source contributors to help shape the roadmap.

Key Takeaways

1

web3-ui is a modular library divided into three packages: @web3-ui/components, @web3-ui/hooks, and @web3-ui/core.

2

The project aims to provide high-quality, typed, and well-documented components for common Web3 tasks like wallet connection and NFT displays.

3

It is built on top of Chakra UI, allowing developers to use existing Chakra themes and props seamlessly.

4

The library simplifies complex interactions, such as resolving ENS names or managing transaction states, into simple React components and hooks.

5

The project is in its early stages (pre-v1) and is actively seeking open-source contributors through its GitHub repository.

Featured Guest

DP

Dhaiwat Pandya

Founder @ web3-ui

web3-ui

Timestamps(click to jump)

Listen On

Resources & Links

Share This Episode

Share on X

Watch Episodes Live!

Subscribe to our event calendar and never miss a live episode.

View Event Calendar