Search Recently Viewed
«recently viewed» panel on a SaaS home to return to opened documents, dashboards or people.
About this block
What it's for
- «recently viewed» panel on a SaaS home to return to opened documents, dashboards or people.
- Local history of visited products in a store with a thumbnail and a direct jump to the product page.
- Block of recent files or pages in a knowledge base, fed from the router or the command palette.
Includes
- Local persistence
- Generated thumbnails
- Image thumbnails
- Time grouping
- Kind filter
- Search filter
- Dedupe and cap
- Cross instance sync
Works with
- Radix UI primitives (the registry variant it ships in)
- React 19, Next.js App Router and Tailwind CSS 4, installed with the shadcn CLI
- Your theme tokens, in light and dark mode
Install
Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.
Agentic UI CLI
agentic-ui add search-recently-viewedInstalls through shadcn and adapts the component to your design tokens.
shadcn CLI
npx shadcn@4.17.0 add @agentic-ui/search-recently-viewedUsed in
A standalone component: drop it into any screen.
- Type
- Block
- Variants
- Radix UI
- Themes
- Light and dark
- Widths
- Preview it at desktop, tablet and mobile widths above.
- Motion
- Animated, with a reduced-motion fallback
- Sample data
- Ships with sample data in its own files; replace it with your own.
- npm packages
lucide-react- Registry dependencies
lib-primitives- Files
7 files
- components/agentic-ui/search-recently-viewed/index.tsx
- components/agentic-ui/search-recently-viewed/fixtures.ts
- components/agentic-ui/search-recently-viewed/types.ts
- components/agentic-ui/search-recently-viewed/storage.ts
- components/agentic-ui/search-recently-viewed/history.ts
- components/agentic-ui/search-recently-viewed/thumbnail.tsx
- components/agentic-ui/search-recently-viewed/use-recently-viewed.ts
Related components
Search Autocomplete
Global search in a SaaS with suggestions grouped by dashboards, documents, people and commands.
Details and live previewSearch Faceted Sidebar
Multi-faceted filtering side panel for a product catalog with counts by category, brands, price ranges and ratings.
Details and live previewSearch Results Highlight
Results list of a documentation search engine with the term highlighted in title, summary and body snippet.
Details and live previewSearch Saved Views
Saved views bar in an issue or project tracker to switch between active tasks and backlog.
Details and live preview