Components

A key number that animates when it changes, with a colored change (good or bad news), a sparkline and an optional goal. KpiGroup joins several into one strip.

A KPI with its trend against the previous period.

A joined row of KPIs split by hairlines, each with its trend and a small line chart.

A metric's latest value with its area chart over time.

Search, sorting, column visibility and pagination, built on TanStack Table v9.

Recent events by teammates or customers, with relative times.

Plan usage against limits, flagged when close to the limit.

Sidebar navigation with icons, badges and collapsible sub-items.

Sidebar footer with the signed-in user and an account menu.

Sidebar menu to switch between workspaces or teams.

Search button that opens a command palette, also with Cmd+K.

A ranked list of values with bars, for top pages, categories or budgets.

A tiny trend chart to put next to a number.

Light, dark or system theme menu, built on next-themes.

Continue with Google or GitHub buttons, with brand icons.

Logos of 3,000+ brands from Simple Icons, in brand color or monochrome.

Entrance animations without JavaScript: fade and rise on scroll (CSS scroll-driven) or once on load. Still for reduced motion.

Blueprint-style guide lines and plus marks around a section or box.

A fading grid or dot background that follows your theme.

An endless scrolling row or column that pauses on hover.

A browser window with traffic lights and an address bar, for product screenshots and mockups.

Demo people with portrait photos, and an avatarFor helper that finds one by name or initials.

The menu button and slide-in panel that replace header links on small screens.