shield_lock
金大哥
← 返回 Skill 列表
extension
分类: 开发与工程无需 API Key

GizmoLab Tools

使用 GizmoLab 免费区块链开发工具（tools.gizmolab.io）和 Web3 UI 组件（ui.gizmolab.io）。以太坊工具包括合约 UI 交互、交易解码器、ENS 查询和 Burner 钱包。Solana 工具包括代币创建、代币铸造、代币快照和代币交换。Web3 UI 组件包括抽象 Gasless NFT 铸造、链选择器、加密产品卡、NFT 铸造卡、NFT 投资组合、LiFi 小部件和 Polymarket 小部件。用于构建 dApps、交互智能合约或执行区块链操作。

person作者: gizmo-devhubclawhub
open_in_new仓库download下载资源包

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