gizmolab-tools

使用 GizmoLab 的免费区块链开发人员工具（tools.gizmolab.io）和 Web3 UI 组件（ui.gizmolab.io）。以太坊工具包括合约 UI 交互、交易解码器、ENS Lookup 和 Burner Wallet。 Solana 工具包括代币创建、代币铸造、代币快照和代币交换。 Web3 UI 组件包括 Abstract Gasless NFT Mint、Chain Selector、Crypto Product Card、NFT Mint Card、NFT Portfolio、LiFi Widget 和 Polymarket Widget。在构建 dApp、与智能合约交互或执行区块链操作时使用。

## 概述（中文）

使用 GizmoLab 的免费区块链开发人员工具（tools.gizmolab.io）和 Web3 UI 组件（ui.gizmolab.io）。以太坊工具包括合约 UI 交互、交易解码器、ENS Lookup 和 Burner Wallet。 Solana 工具包括代币创建、代币铸造、代币快照和代币交换。 Web3 UI 组件包括 Abstract Gasless NFT Mint、Chain Selector、Crypto Product Card、NFT Mint Card、NFT Portfolio、LiFi Widget 和 Polymarket Widget。在构建 dApp、与智能合约交互或执行区块链操作时使用。

## 原文

# GizmoLab Tools & UI

**Tools:** https://tools.gizmolab.io/ - Free blockchain developer tools
**UI Library:** https://ui.gizmolab.io/ - Web3 component library

## Available Tools

### Ethereum Tools

| Tool | URL | Purpose |
|------|-----|---------|
| Contracts UI | `/ethereum/contracts/ui` | Interact with any smart contract (read/write) |
| Transaction Decoder | `/ethereum/converters/transaction-decoder` | Decode raw transaction data |
| ENS Lookup | `/ethereum/ens/lookup` | Resolve ENS names to addresses |
| Burner Wallet | `/ethereum/wallets/burner` | Generate temporary wallets |

### Solana Tools

| Tool | URL | Purpose |
|------|-----|---------|
| Create Token | `/solana/token/create` | Create new SPL tokens |
| Mint Token | `/solana/token/mint` | Mint tokens to addresses |
| Token Snapshot | `/solana/token/snapshot/token` | Snapshot token holders |
| Swap | `/solana/swap` | Swap tokens via Jupiter |

## Usage

All tools are web-based. Use the `browser` tool to interact:

### Example: ENS Lookup

```
1. browser action=open targetUrl="https://tools.gizmolab.io/ethereum/ens/lookup"
2. browser action=snapshot  
3. Find the ENS input field, type the name
4. Click lookup/resolve button
5. browser action=snapshot to see result
```

### Example: Transaction Decoder

```
1. browser action=open targetUrl="https://tools.gizmolab.io/ethereum/converters/transaction-decoder"
2. browser action=snapshot
3. Paste raw transaction hex into input
4. Click decode button
5. browser action=snapshot to see decoded data
```

### Example: Create Solana Token

```
1. browser action=open targetUrl="https://tools.gizmolab.io/solana/token/create"
2. browser action=snapshot
3. Connect wallet when prompted
4. Fill token details (name, symbol, decimals, supply)
5. Click create and confirm transaction
```

## Tool Details

### Contracts UI
- Enter contract address + ABI
- Select network (Mainnet, Goerli, Sepolia, etc.)
- Read contract state or write transactions
- Supports any EVM-compatible contract

### Transaction Decoder
- Input: Raw transaction hex (0x...)
- Output: Decoded function call, parameters, values
- Works with any transaction data

### ENS Lookup
- Forward lookup: ENS name → Ethereum address
- Reverse lookup: Address → ENS name
- Shows resolver, registrant, expiry

### Burner Wallet
- Generates random private key + address
- Use for testing only
- Never use for real funds

### Solana Token Create
- Creates new SPL token
- Set name, symbol, decimals, initial supply
- Upload token image/metadata
- Requires wallet connection (Phantom, Solflare)

### Solana Token Mint
- Mint additional tokens
- Enter token address + amount
- Must be token authority

### Solana Token Snapshot
- Get list of all token holders
- Export as CSV
- Shows balances at current slot

### Solana Swap
- Jupiter-powered swaps
- Best price routing
- Connect wallet to execute

## Networks Supported

**Ethereum:** Mainnet, Goerli, Sepolia, Base, Polygon, Arbitrum, Optimism, Avalanche, BNB Chain

**Solana:** Mainnet, Devnet

## Tips

- For contract interactions, have the ABI ready (get from Etherscan)
- Transaction decoder works offline - no network needed
- Burner wallets are ephemeral - save keys if needed
- Solana tools require a connected wallet (Phantom recommended)

---

# GizmoLab UI - Web3 Component Library

Full-stack Web3 components for building dApps at https://ui.gizmolab.io/

## Available Components

| Component | URL | Purpose |
|-----------|-----|---------|
| Abstract Gasless NFT Mint | `/components/abstract-gasless-nft-mint` | Mint NFTs without gas fees using account abstraction |
| Abstract Sign In | `/components/abstract-sign-in` | Sign in with Abstract Global Wallet |
| Chain Selector | `/components/chain-selector` | Header popover to switch blockchain networks |
| Crypto Product Card | `/components/crypto-product-card` | Pay-with-crypto or custom ERC20 product card |
| NFT Mint Card | `/components/nft-mint-card` | Mint NFTs with smart contract integration |
| NFT Portfolio | `/components/nft-portfolio` | Dashboard to view NFT holdings |
| LiFi Widget | `/components/lifi-widget` | Cross-chain bridging and swapping |
| Polymarket Widget | `/components/polymarket-widget` | Prediction market trading widget |

## Installation Guides

Available at https://ui.gizmolab.io/docs/:

- **Install Abstract Global Wallet** - Account abstraction setup
- **Install Next.js 14** - Next.js project setup
- **Install Dynamic** - Dynamic wallet integration
- **Install Shadcn UI** - Shadcn UI setup
- **Deploy EVM Contract** - Smart contract deployment

## Using Components

### 1. Browse Components

```
browser action=open targetUrl="https://ui.gizmolab.io/components"
browser action=snapshot
```

### 2. View Component Details

Each component page includes:
- Live preview/demo
- Installation instructions
- Code snippets (copy-paste ready)
- Props/configuration options

### 3. Example: Add NFT Mint Card

```
1. Go to /components/nft-mint-card
2. Copy the installation command
3. Copy the component code
4. Configure with your contract address
5. Import and use in your dApp
```

## Tech Stack

Components are built with:
- **React / Next.js 14**
- **Shadcn UI** (Tailwind-based)
- **Wagmi / Viem** (Ethereum)
- **Account Abstraction** support

## Playground

Test components live at https://ui.gizmolab.io/playground

## Custom Development

For custom Web3 components or dApp development:
- Book a call: https://calendly.com/gizmolab/30min
- Contact: https://gizmolab.io/contact