---
name: "@w3-kit"
slug: "w3-kit"
description: "Open-source UI component library for blockchain dApp development built with React, TypeScript, and Tailwind CSS. Covers wallet connection UIs, token swap interfaces, NFT cards, staking interfaces, and 20+ additional crypto-specific components. Follows accessible, customizable design patterns aligned with shadcn/ui conventions. MIT-licensed. Site was returning errors at research time. Use for: rapidly assembling dApp frontends that need production-ready wallet, token, and NFT UI primitives without building blockchain-specific components from scratch."
category: "Crypto/web3"
tags: ["accessibility", "blocks", "cards", "components", "crypto", "design-system", "hooks"]
framework: "react"
license: "MIT"
author: "w3-kit"
website: "https://w3-kit.com"
github: "https://github.com/w3-kit/ui"
registry: "https://w3-kit.com/registry/{name}.json"
pro: false
pro_url: null
github_stars: 14
component_count: 0
generated_at: "2026-07-28T08:59:05.895Z"
---

# @w3-kit

Open-source UI component library for blockchain dApp development built with React, TypeScript, and Tailwind CSS. Covers wallet connection UIs, token swap interfaces, NFT cards, staking interfaces, and 20+ additional crypto-specific components. Follows accessible, customizable design patterns aligned with shadcn/ui conventions. MIT-licensed. Site was returning errors at research time. Use for: rapidly assembling dApp frontends that need production-ready wallet, token, and NFT UI primitives without building blockchain-specific components from scratch.

## Links

- Website: https://w3-kit.com
- GitHub: https://github.com/w3-kit/ui
- Registry JSON: https://w3-kit.com/registry/{name}.json
- Directory page: https://sh4dcn.vercel.app/registry/w3-kit
- This file: https://sh4dcn.vercel.app/md/w3-kit.md

## Install

```sh
# clone the source repo
git clone https://github.com/w3-kit/ui.git
# fetch the raw registry index
curl -s https://w3-kit.com/registry/{name}.json
```

## Components (0)

_No public registry index resolved for this library._

## For AI agents

```text
You are adding components from @w3-kit to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/w3-kit.md) for the component list.
2. Fetch the machine-readable index: https://w3-kit.com/registry/{name}.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: w3-kit).
```