Shadcn.io is not affiliated with official shadcn/ui
Checkout Store Pickup
An in-store pickup checkout block with a searchable store list showing distance, address, and hours, pickup person name field, ready estimate, and pickup instructions
Skip the shipping and pick up in-store with this checkout block for React and Next.js. Displays nearby stores with distance, address, and today's hours so customers can select a location, enter a pickup name, and see a ready-in estimate with special instructions. Built with TypeScript, shadcn/ui components, and Tailwind CSS.
Related Components
Checkout Grouped Items
Cart items grouped by category
Checkout Weight-Based Shipping
Weight-based shipping calculator
Checkout Delivery Schedule
Delivery date and time scheduler
Checkout Locker Delivery
Package locker delivery
Checkout Shipping Options
Shipping method selector
Checkout Single Page
Complete single-page checkout
FAQ
Was this page helpful?
Sign in to leave feedback.
Split Payment
A split payment checkout block for React and Next.js with multiple payment method slots, per-method amount inputs, remaining balance indicator, and cart total validation built with shadcn/ui and Tailwind CSS
Subscription
Subscription checkout block for React and Next.js with plan details, monthly and yearly billing toggle with savings badge, payment form, and start subscription CTA using shadcn/ui and Tailwind CSS