Shadcn.io is not affiliated with official shadcn/ui
Web3 Rewards Calculator
A React and Next.js staking rewards calculator block built with shadcn/ui and Tailwind CSS. Features token selection and earnings projection.
Calculate staking rewards interactively with React, Next.js, and TypeScript using shadcn/ui Button and Input components styled with Tailwind CSS. Select tokens, enter stake amounts, choose durations, and view projected earnings with compound interest breakdowns. Perfect for staking platforms, DeFi dashboards, and educational crypto interfaces.
Related Components
Staking Dashboard
Monitor active staking positions
Delegations
Manage validator delegation stakes
Yield Farming
Track yield farming opportunities
Validator Node
Monitor validator node status
DeFi Dashboard
Overview of DeFi positions
Impermanent Loss
Calculate impermanent loss risk
FAQ
Was this page helpful?
Sign in to leave feedback.
Revoke Approval
A React and Next.js token approval revocation block built with shadcn/ui and Tailwind CSS. Features batch revoke with risk assessment.
Royalty Settings
A React and Next.js NFT royalty settings block built with shadcn/ui and Tailwind CSS. Features percentage splits and recipient management.