Shadcn.io is not affiliated with official shadcn/ui
Checkout Donation
Donation checkout block for React and Next.js with preset amount buttons, custom amount input, optional recurring toggle, donor information form, and tax deductible notice using shadcn/ui and Tailwind CSS
Accept donations effortlessly with this checkout block for React and Next.js. Features preset amount buttons for quick selection, a custom amount input, an optional monthly recurring toggle, and a compact donor information form. Includes a tax-deductible notice for nonprofit compliance. Built with TypeScript, shadcn/ui components, and Tailwind CSS.
Related Components
Express Checkout
One-tap express payment
Subscription Checkout
Recurring billing checkout
Digital Product Checkout
Instant download checkout
Cart Review
Editable cart summary
Pricing
Pricing plan blocks
FAQ
Was this page helpful?
Sign in to leave feedback.
Digital Product
Digital product checkout block for React and Next.js with product details, instant download badge, email delivery field, payment form, and license agreement using shadcn/ui and Tailwind CSS
Enterprise Quote
An enterprise quote acceptance checkout for React and Next.js with quote ID, validity date, itemized line items, custom pricing, accept quote button, and contact sales link using shadcn/ui and Tailwind CSS