Skip to content
shadcn.io

shadcn.io is not affiliated with official shadcn/ui

Web3 blocks

Pro

Airdrop Checker Web3 Block for Radix UI

An airdrop eligibility checker with an address field that checks its shape, three programs listing their criteria as met or not met, a count like 2 of 3 met, a sample allocation for an eligible program and a miss that names the criterion.

Framework
UI library

Preview

Preview width

Installation

Part of Pro
Pro unlocks the code and one-line install of every Pro button and text effect, plus the MCP for your AI editor.
Get ProSign in
Have Pro already? Sign in to open it.Opens here as soon as you're Pro.

Overview

Tell someone whether they qualify, and why or why not, with this eligibility checker for React with Radix UI. It's the tool of Dropfinder, an airdrop checker. A hairline frame with a plus mark on each corner starts with a Field for a wallet address, checked for its shape (0x and 42 characters), and a Shine Button, Check, that waits 800 ms and then answers. Use the demo account fills a typed address; so does Try another listed address. Three programs are listed under it, each with its three criteria and a glyph and a word beside each ("Held 0.1 ETH at the 31 Mar snapshot: met"), a count such as "2 of 3 met", and a result: a sample allocation, typed points times a typed rate, when every criterion is met, or the first criterion that was not. Any other address says it is not in this demo's table. For token teams that want to show the rules, not only the answer.

FAQ

Why list the criteria?

A bare "not eligible" gives the person nothing to do. Each program shows what it asks for and which parts are met, so a miss reads "Not eligible: Delegated your votes was not met." The criteria are typed strings; each account's results are a short string of letters per program, so a new program is a new entry in the data.

How is the allocation worked out?

When every criterion of a program is met, the typed points are multiplied by the program's typed rate per 100 points and rounded down: 1,840 points at 25 per 100 is 460 ZEFR. It is labelled a sample allocation, and a line under the list says nothing is promised or paid.

What does the address check do?

It checks the shape only: 0x, then 40 hexadecimal characters. It does not verify a checksum or read a chain. Two typed addresses have results; a valid address that isn't one of them says "Not in this demo's table". In your app look the address up on your server, against your snapshot.

Is the wait real?

No. Check shows a spinner for 800 ms from a timer that is cleared if you leave the page, then fills in the result and moves focus to the Programs heading. Typing a new address clears the previous result.

What stays local, and how do I wire it?

All of it: the addresses, programs, points and rates are typed constants and nothing is sent anywhere. In your app answer from your own snapshot on the server, return the criteria with their state, and keep the rate and the points there.

Is it accessible from the keyboard?

Yes. The field has a visible label and its problem is written out in words, met and not met are a glyph and a word, and one polite status message reports the check.

All 100 web3 blocks