Shadcn.io is not affiliated with official shadcn/ui
Checkout Crypto
A cryptocurrency payment checkout block for React and Next.js with coin selector, wallet address display, QR code placeholder, crypto and USD amount conversion, and static payment timer built with shadcn/ui and Tailwind CSS
Accept cryptocurrency payments with this crypto checkout block for React and Next.js. Features a coin selector supporting BTC, ETH, and USDC, a copyable wallet address, a QR code scan area, live crypto-to-USD conversion display, and a static payment timer countdown. Built with TypeScript, shadcn/ui Button and Badge components, Lucide icons, and Tailwind CSS. Perfect for Web3 storefronts, crypto-native SaaS billing, and multi-currency payment gateways.
Related Components
Split Payment
Split across multiple methods
Installments Checkout
Buy now pay later installment plans
Invoice Request
B2B pay-by-invoice checkout
Pickup & Delivery
Pickup vs delivery selection
Payment Methods
Multiple payment method selection
Order Confirmation
Post-payment confirmation screen
FAQ
Was this page helpful?
Sign in to leave feedback.
Credits Purchase
A credits and tokens purchase checkout for React and Next.js with credit package selector, per-credit pricing, bonus credits at higher tiers, current balance display, auto-refill toggle, and purchase button using shadcn/ui and Tailwind CSS
Delivery Schedule
A delivery date and time scheduler block with a static calendar grid for date selection, morning, afternoon, and evening time slots, preferred date highlight, and a recurring delivery toggle