React Gift Registry with Progress

React gift and wedding registry with funding goal, item tracking, and shareable link using Next.js, shadcn/ui, and Tailwind CSS

Build a polished gift registry experience with this storefront registry block. Features a registry header with event name and date, a visual progress bar showing funding progress toward the couple's goal, a list of registry items with purchased versus remaining counts, price display, and quick-contribute buttons. Uses Button, Progress, and Checkbox components. Perfect for wedding registries, baby showers, wishlist gifting.

React Gift Registry with Progress preview

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/storefront-registry.json

npx shadcn@latest add https://www.shadcn.io/r/storefront-registry.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/storefront-registry.json

bunx shadcn@latest add https://www.shadcn.io/r/storefront-registry.json

Wishlist

Saved items collection

Gift Card

Gift card purchase

Cart

Shopping cart with summary

Checkout

Checkout flow

Gift Finder

Gift recommendation quiz

Order Summary

Order confirmation details

FAQ

Last updated on March 28, 2026

Was this page helpful?

React Referral Program with Earnings

React referral program with shareable link, earnings tracker, and referral history using Next.js, shadcn/ui, and Tailwind CSS

React Rental Product with Periods

React rental product selector with insurance, deposit terms, and pricing using Next.js, shadcn/ui, and Tailwind CSS

React Gift Registry with Progress