Skip to content
Habitus Design

blocks / app

Dashboard stats

KPI cards for today, streak, week and focus time.

React: DashboardStats · Svelte: DashboardStats · templ: blocks.DashboardStats · Figma: catalog (no Figma node)

This week

  • Today5 / 7habits done
  • Current streak23 daysbest: 41
  • This week86%+4% vs last week
  • Focus time6h 20mlogged this week

Semantic classes (packages/adapter)

  • .ui-dashboard-stats
  • .ui-dashboard-stats-grid
  • .ui-dashboard-stats-card