React Recently Viewed Products List

Recently viewed products with timestamps. React, Next.js, shadcn/ui Button, Tailwind CSS.

Keep customers engaged by surfacing their browsing history with this recently viewed products block. Displays a chronological list of products the user has browsed, each showing a thumbnail, product name, category, price, and a relative timestamp. A clear history button in the header lets users reset their browsing trail. Uses shadcn/ui Button component. Perfect for product pages, account dashboards, and personalized shopping experiences.

React Recently Viewed Products List preview

Scroll to load preview

Installation

Install

Pro block

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

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

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

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

Quick View

Product quick view modal

Product Showcase

Tabbed product display

Personalized

Personalized recommendations

Checkout

Checkout form

Featured Product

Single product showcase

Comparison

Product comparison table

FAQ

Last updated on March 28, 2026

Was this page helpful?

React Product Quick View Modal

Product list with quick view modal. React, Next.js, shadcn/ui Dialog & Button, Tailwind CSS.

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 Recently Viewed Products List