Block

Traffic Table

Traffic sources with device split visualization

Installation

npx shadcn add @mylo-ui/table-traffic

144,694

+15.3% from last month

55%

40%

Breakdown of website traffic by source

Source	Category	Sessions	Users	Bounce Rate	Avg. Duration	Device Split	Change
Google	Organic	45,231	32,145	35.2%	3:45	D/M/T	12.5%
Direct	Direct	28,456	19,876	42.1%	2:30	D/M/T	5.3%
LinkedIn	Social	15,678	12,345	48.5%	4:12	D/M/T	28.7%
Twitter	Social	34,219	28,765	65.3%	1:45	D/M/T	8.2%
Email Newsletter	Email	8,765	6,543	25.8%	5:30	D/M/T	15.1%
Referral Sites	Referral	12,345	9,876	38.2%	3:15	D/M/T	2.4%

import { TableTraffic } from "@/components/blocks/table-traffic"

export default function Page() {
  return <TableTraffic />
}

lucide-react

table

More table blocks you might like

Clean, minimal table with basic data display

Alternating row colors with status badges

Grid-style table with visible borders