Data
npx @intellihelper/cli add.About data
How this category fits the Liquid Glass system
Data components present tables, empty states, skeletons, and loading placeholders with Liquid Glass polish for React dashboards on Next.js and Tailwind.
Tables need strong contrast for dense numbers; empty states should coach users toward the next action; skeletons reduce perceived latency without layout shift when dimensions are reserved. Intelli UI data primitives follow those rules so glass styling never hides information hierarchy.
Use this category for admin grids, usage metrics, and AI conversation lists. Free CLI install means you own sorting, column layouts, and empty-state copy. Pair with Feedback for toasts after mutations and Forms for filter bars above the table.
Components
- Event CalendarMonth event grid with color chips, agenda sidebar, and day selection.
- TableGlass-styled data table with chrome container and hover rows.
- EmptyCompound empty-state layout with icon media slot.
- SkeletonGlass pulse loading placeholders.
- Agent CardAgent identity card with status and tools strip.
- Tool Call ViewerExpandable viewer for tool args, results, and errors.
- MCP Server CardMCP server status with tools and resources counts.
- Metric CardGlass KPI / statistic card with value, trend delta, icon, and footer slot.
- Line ChartPure SVG line series with glass chrome, grid, and point markers.
- Area ChartFilled SVG area series with primary gradient under the line.
- SparklineCompact inline sparkline for KPI cards and dense metric rows.
- Donut ChartDonut segments with legend, center total, and token colors.
- Chart PeriodTime-range control with presets, app-defined periods, and custom from/to range.
- Chart FrameDashboard chart shell with title, description, period toolbar, legend, and footer.
- Bar ChartVertical or horizontal pure SVG bars with labels and grid.
- Pie ChartSolid pie segments with legend and token-aware colors.
- Stacked Bar ChartMulti-series stacked columns with legend and category labels.
- Radar ChartSpider/radar polygon for multi-axis skill or score profiles.
- Funnel ChartConversion funnel stages with tapering widths and labels.
- HeatmapMatrix heatmap with color scales, labels, legend, values, and interactive cells.
- Tree MapSquarified hierarchical tree map — tile area proportional to value.
- SankeyWeighted flow diagram with multi-column nodes and ribbons.
- GaugeSemi-circular gauge with needle, domain mapping, and threshold bands.
- TimelineVertical event timeline with status dots and timestamps.
- Activity FeedScrollable activity list with avatars, actions, and times.
- KanbanDrag-and-drop task board with columns, cards, and labels.
- Data GridSortable, filterable, selectable table for admin apps.
- Virtual TableWindowed table for large datasets with infinite-scroll hook.
Looking for something else?