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 | INLINECODE0 | 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 | INLINECODE4 | 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
CODEBLOCK0
Example: Transaction Decoder
CODEBLOCK1
Example: Create Solana Token
CODEBLOCK2
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 | INLINECODE9 | 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
CODEBLOCK3
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
CODEBLOCK4
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
GizmoLab 工具与UI
工具: https://tools.gizmolab.io/ - 免费的区块链开发者工具
UI 库: https://ui.gizmolab.io/ - Web3 组件库
可用工具
以太坊工具
| 工具 | 网址 | 用途 |
|---|
| 合约交互界面 | /ethereum/contracts/ui | 与任意智能合约交互(读取/写入) |
| 交易解码器 |
/ethereum/converters/transaction-decoder | 解码原始交易数据 |
| ENS 查询 | /ethereum/ens/lookup | 将 ENS 名称解析为地址 |
| 临时钱包 | /ethereum/wallets/burner | 生成临时钱包 |
Solana 工具
| 工具 | 网址 | 用途 |
|---|
| 创建代币 | /solana/token/create | 创建新的 SPL 代币 |
| 铸造代币 |
/solana/token/mint | 向地址铸造代币 |
| 代币快照 | /solana/token/snapshot/token | 快照代币持有者 |
| 兑换 | /solana/swap | 通过 Jupiter 兑换代币 |
使用方法
所有工具均为网页版。使用 browser 工具进行交互:
示例:ENS 查询
- 1. browser action=open targetUrl=https://tools.gizmolab.io/ethereum/ens/lookup
- browser action=snapshot
- 找到 ENS 输入框,输入名称
- 点击查询/解析按钮
- browser action=snapshot 查看结果
示例:交易解码器
- 1. browser action=open targetUrl=https://tools.gizmolab.io/ethereum/converters/transaction-decoder
- browser action=snapshot
- 将原始交易十六进制数据粘贴到输入框
- 点击解码按钮
- browser action=snapshot 查看解码数据
示例:创建 Solana 代币
- 1. browser action=open targetUrl=https://tools.gizmolab.io/solana/token/create
- browser action=snapshot
- 按提示连接钱包
- 填写代币详情(名称、符号、小数位数、供应量)
- 点击创建并确认交易
工具详情
合约交互界面
- - 输入合约地址 + ABI
- 选择网络(主网、Goerli、Sepolia 等)
- 读取合约状态或写入交易
- 支持任意 EVM 兼容合约
交易解码器
- - 输入:原始交易十六进制数据(0x...)
- 输出:解码后的函数调用、参数、数值
- 适用于任意交易数据
ENS 查询
- - 正向查询:ENS 名称 → 以太坊地址
- 反向查询:地址 → ENS 名称
- 显示解析器、注册人、过期时间
临时钱包
- - 生成随机私钥 + 地址
- 仅用于测试
- 切勿用于真实资金
Solana 代币创建
- - 创建新的 SPL 代币
- 设置名称、符号、小数位数、初始供应量
- 上传代币图片/元数据
- 需要连接钱包(Phantom、Solflare)
Solana 代币铸造
- - 铸造额外代币
- 输入代币地址 + 数量
- 必须是代币授权方
Solana 代币快照
- - 获取所有代币持有者列表
- 导出为 CSV
- 显示当前插槽的余额
Solana 兑换
- - 基于 Jupiter 的兑换
- 最优价格路由
- 连接钱包执行
支持的网络
以太坊: 主网、Goerli、Sepolia、Base、Polygon、Arbitrum、Optimism、Avalanche、BNB Chain
Solana: 主网、开发网
提示
- - 合约交互需准备 ABI(可从 Etherscan 获取)
- 交易解码器可离线使用 - 无需网络
- 临时钱包为临时性 - 如需保存密钥
- Solana 工具需要连接钱包(推荐 Phantom)
GizmoLab UI - Web3 组件库
用于构建 dApp 的全栈 Web3 组件,访问 https://ui.gizmolab.io/
可用组件
| 组件 | 网址 | 用途 |
|---|
| 抽象无 Gas NFT 铸造 | /components/abstract-gasless-nft-mint | 使用账户抽象免 Gas 费铸造 NFT |
| 抽象登录 |
/components/abstract-sign-in | 使用抽象全球钱包登录 |
| 链选择器 | /components/chain-selector | 头部弹出窗口,切换区块链网络 |
| 加密产品卡片 | /components/crypto-product-card | 支持加密货币或自定义 ERC20 支付的产品卡片 |
| NFT 铸造卡片 | /components/nft-mint-card | 集成智能合约的 NFT 铸造 |
| NFT 投资组合 | /components/nft-portfolio | 查看 NFT 持有量的仪表板 |
| LiFi 小部件 | /components/lifi-widget | 跨链桥接和兑换 |
| Polymarket 小部件 | /components/polymarket-widget | 预测市场交易小部件 |
安装指南
访问 https://ui.gizmolab.io/docs/ 获取:
- - 安装抽象全球钱包 - 账户抽象设置
- 安装 Next.js 14 - Next.js 项目设置
- 安装 Dynamic - Dynamic 钱包集成
- 安装 Shadcn UI - Shadcn UI 设置
- 部署 EVM 合约 - 智能合约部署
使用组件
1. 浏览组件
browser action=open targetUrl=https://ui.gizmolab.io/components
browser action=snapshot
2. 查看组件详情
每个组件页面包含:
- - 实时预览/演示
- 安装说明
- 代码片段(可复制粘贴)
- 属性/配置选项
3. 示例:添加 NFT 铸造卡片
- 1. 访问 /components/nft-mint-card
- 复制安装命令
- 复制组件代码
- 使用你的合约地址进行配置
- 导入并在你的 dApp 中使用
技术栈
组件基于以下技术构建:
- - React / Next.js 14
- Shadcn UI(基于 Tailwind)
- Wagmi / Viem(以太坊)
- 支持账户抽象
游乐场
在线测试组件:https://ui.gizmolab.io/playground
定制开发
如需定制 Web3 组件或 dApp 开发:
- - 预约通话:https://calendly.com/gizmolab/30min
- 联系:https://gizmolab.io/contact