Product details (PDP)

rewards-ui/product-details

UnverifiedComponent

Two-column PDP with image gallery, variant pickers (swatches / grid / cards), inline revalidation alert, and redeem CTA. Ships with <ProductDetailsSkeleton /> for loading.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/rye-com/rewards-ui/main/product-details.json

This registry does not serve an item endpoint we could read, so we hold its metadata but not its source.

What it pulls in

npm packages

lucide-react

Other registry items

https://ui.shadcn.com/r/styles/new-york/utils.json
https://registry.rye.com/r/variant-selector.json

Files it writes

registry/default/components/product-details.tsx
registry/default/types/product.ts
registry/default/types/pdp.ts
lib/format.ts

More from rewards-ui

All 7 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Address formaddress-form	rewards-ui	Components	Unverified	1 dep
Order trackingorder-tracking	rewards-ui	Components	Unverified	1 dep · 3 files
Pay with pointspay-with-points	rewards-ui	Components	Unverified	1 dep · 2 files
Payment sheetpayment-sheet	rewards-ui	Components	Unverified	1 dep · 3 files
Product cardproduct-card	rewards-ui	Components	Unverified	1 dep · 3 files
Variant selectorvariant-selector	rewards-ui	Components	Unverified	1 dep · 2 files

Product details (PDP)

Install it

What it pulls in

Files it writes

More from rewards-ui

Built for the same person as BlockDex