Marketing Attribution Flow
Multi-touch attribution by channel.
About this page
What it's for
- Multi-touch attribution by channel.
- Lead flow from source → stage → outcome.
- When customers convert by hour and day.
Includes
- Attribution model switch
- Channel touchpoint outcome sankey
- Credited conversions table
- Model vs last touch delta
- Hour weekday heatmap
- Conversion calendar
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-attribution-flowInstalls through shadcn and adapts the component to your design tokens.
shadcn CLI
npx shadcn@4.17.0 add @agentic-ui/marketing-attribution-flowUsed 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-conversionlib-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
8 files
- components/agentic-ui/marketing-attribution-flow/screens/attribution.tsx
- components/agentic-ui/marketing-attribution-flow/fixtures/analytics.ts
- components/agentic-ui/marketing-attribution-flow/fixtures/data.ts
- components/agentic-ui/marketing-attribution-flow/components/ui.ts
- components/agentic-ui/marketing-attribution-flow/components/motion-kit.tsx
- components/agentic-ui/marketing-attribution-flow/components/app-state.tsx
- components/agentic-ui/marketing-attribution-flow/components/app-shell.tsx
- components/agentic-ui/marketing-attribution-flow/components/motion-settings.tsx
Related components
Marketing Audience Explorer
Customer segment explorer.
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