Shadcn.io is not affiliated with official shadcn/ui
Checkout International
An international checkout block for React and Next.js with country selector, currency display, international shipping options, customs duty estimate, and adaptive address format using shadcn/ui Select, Input, Label, Button, RadioGroup, and Tailwind CSS
Serve global customers with this React and Next.js international checkout block. A country selector adapts address fields automatically, showing ZIP code for the US or postal code for other regions, while displaying prices in local currency with VAT/GST breakdowns and customs duty estimates. Built with TypeScript, shadcn/ui Select, RadioGroup, Input, and Button components, and Tailwind CSS. Perfect for cross-border e-commerce, global SaaS platforms, and any checkout flow serving international buyers.
Related Components
Single Page Checkout
Complete single-page checkout form
Shipping Options
Shipping method selector
Address Book Checkout
Saved addresses checkout
Order Notes Checkout
Checkout with delivery instructions
Product Customization Checkout
Customizable product checkout
Quantity Breaks Checkout
Tiered pricing checkout
FAQ
Was this page helpful?
Sign in to leave feedback.
Installments
A buy now pay later installment checkout block for React and Next.js with plan selector, four equal payment amounts with dates, monthly preview, interest rate display, and APR notice built with shadcn/ui and Tailwind CSS
Invoice Request
A B2B pay-by-invoice checkout block for React and Next.js with company name, VAT number, PO number fields, invoice delivery email, payment terms selector, and billing contact form built with shadcn/ui and Tailwind CSS