Shadcn.io is not affiliated with official shadcn/ui
Storefront Shipping Zones
Shipping zones and rates table with domestic and international zones, carrier options, weight-based pricing built with React, Next.js, shadcn/ui, and Tailwind CSS
Display transparent shipping costs with this shipping zones and rates block. Features a tabbed zone selector for domestic and international regions, carrier options per zone with logos and estimated delivery windows, weight-based pricing tiers in a clean table layout, free shipping thresholds for each zone, and expandable zone details. Customers can quickly find their shipping cost without guesswork. Built with Button components using the Vercel minimal aesthetic. Perfect for shipping policy pages, checkout flows, and customer support documentation.
Related Components
Shipping Calculator
Shipping rate estimator
Checkout
Checkout flow
Order Tracking
Order tracking timeline
Delivery Slots
Delivery time picker
Order Summary
Order confirmation receipt
Return Request
Return and exchange form
FAQ
Was this page helpful?
Sign in to leave feedback.
Shipping Calculator
Shipping rate estimator with country and zip input, method selection, and free shipping progress built with React, Next.js, shadcn/ui, and Tailwind CSS
Size Guide
Interactive size guide with fit finder and measurement chart to help customers find their perfect fit using React, Next.js, shadcn/ui, and Tailwind CSS