React Airdrop Token Claim Block

React airdrop claim block for Next.js with eligibility status, allocation breakdown, and vesting details using shadcn/ui and Tailwind CSS

A React and Next.js airdrop claim block built with TypeScript, shadcn/ui Badge and Button components, and Tailwind CSS. Displays token allocation breakdown, vesting schedule, gas estimates, and a one-click claim flow with confirmation state. Perfect for token launch claim pages, protocol airdrop distribution interfaces, and community reward portals.

React Airdrop Token Claim Block preview

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/web3-airdrop-claim.json

npx shadcn@latest add https://www.shadcn.io/r/web3-airdrop-claim.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/web3-airdrop-claim.json

bunx shadcn@latest add https://www.shadcn.io/r/web3-airdrop-claim.json

Vesting Schedule

Track token vesting timelines

Token Launch

Launch a new token

Airdrop Checker

Check airdrop eligibility

Wallet Connect

Connect your wallet

Token Portfolio

View token holdings

Activity Feed

Real-time blockchain activity

FAQ

Last updated on March 24, 2026

Was this page helpful?

React Airdrop Eligibility Checker Block

React airdrop eligibility checker block for Next.js with multi-protocol scanning and estimated values using shadcn/ui and Tailwind CSS

React Crypto Price Alerts Block

React crypto alerts block for Next.js with price targets, whale movement, and gas threshold monitoring using shadcn/ui and Tailwind CSS

React Airdrop Token Claim Block