Marketing Audience Explorer
Customer segment explorer.
About this page
What it's for
- Customer segment explorer.
- Audience directory with rules.
- CRM lists with size trend.
Includes
- Lifecycle tabs with counts
- Region filter
- Search
- Sort
- Segment cards with trend
- Segment detail panel
- Targeting campaign links
- Create segment dialog
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 marketing-audience-explorerInstalls through shadcn and adapts the component to your design tokens.
shadcn CLI
npx shadcn@4.17.0 add @agentic-ui/marketing-audience-explorerUsed in
A standalone component: drop it into any screen.
- Type
- Page
- 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
analytics.ts,data.ts; replace it with your own.
- npm packages
lucide-react- Registry dependencies
chart-cohort-retentionchart-funnel-conversionchart-sparklinelib-chart-heatmap-matrixlib-chart-sankey-flowlib-form-date-range-pickerlib-motionlib-motion-listlib-motion-micro-interactionslib-motion-modal-enterlib-primitiveslib-tokensmotion-skeleton-shimmermotion-tab-indicator- Files
9 files
- components/agentic-ui/marketing-audience-explorer/screens/audiences.tsx
- components/agentic-ui/marketing-audience-explorer/fixtures/analytics.ts
- components/agentic-ui/marketing-audience-explorer/fixtures/data.ts
- components/agentic-ui/marketing-audience-explorer/components/ui.ts
- components/agentic-ui/marketing-audience-explorer/components/new-campaign.tsx
- components/agentic-ui/marketing-audience-explorer/components/motion-kit.tsx
- components/agentic-ui/marketing-audience-explorer/components/app-state.tsx
- components/agentic-ui/marketing-audience-explorer/components/app-shell.tsx
- components/agentic-ui/marketing-audience-explorer/components/motion-settings.tsx
Related components
Marketing Attribution Flow
Multi-touch attribution by channel.
Details and live previewMarketing Campaign Detail
Campaign detail with ROAS vs target and creatives.
Details and live previewMarketing Campaign Overview
Paid media campaign performance by period with ROAS and CPA.
Details and live previewMarketing Cohort Retention
Repurchase retention by weekly cohort.
Details and live preview