# Travel Experiences Catalog

Experience catalog by category.

- id: `travel-experiences-catalog`
- Page: https://agentic-ui-kit.com/components/travel-experiences-catalog
- Live preview: https://agentic-ui-kit.com/live/piece/travel-experiences-catalog?piece=travel-experiences-catalog

## Install

```bash
agentic-ui add travel-experiences-catalog
npx shadcn@4.17.0 add @agentic-ui/travel-experiences-catalog
```

## Metadata

- **Level:** feature
- **Category:** feature
- **Template:** Wayfarely Travel Marketplace
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** category-toggle-group, host-chip-cards, detail-linking
- **Intents:** manage-collection, explore-detail
- **Suits domains:** travel, culinary, media, ecommerce
- **Interaction:** toggle-group, navigate
- **Screen role:** overview
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** experience catalog by category, catalog of courses or workshops, events grid with host
- **Avoid when:** collections that need complex sorting, hierarchical data
- **Preserve when adapting:** category-toggle-plus-grid, host-chip-pattern
- **Replace when adapting:** card-fields, category-set, detail-route
- **Adaptation effort:** low
- **Coupling:** low
- **Quality score:** 8.25/10
- **Quality breakdown:** visual 8/10, responsive 8/10, accessibility 7/10, code 8/10
- **Uses primitives:** avatar, badge, toggle-group
- **npm dependencies:** next/navigation, lucide-react
- **Used in:** Wayfarely Travel Marketplace (template)
- **npm dependencies (registry):** date-fns-tz@3.2.0, lucide-react@0.577.0, nuqs@^2.8.9, zustand@5.0.8
- **Registry dependencies:** lib-travel-marketplace-utils, ui-avatar, ui-toggle-group