A responsive statistics grid featuring large, gradient-text numerical values with labels and descriptions, built with Tailwind CSS for showcasing key metrics and performance data.
A responsive metrics section featuring four columns with scroll-triggered animated number counters, optional delta indicators, and a composable layout with a descriptive header.
A grid of four skeleton-based KPI stat cards featuring placeholders for labels, numerical values, and trend indicators, built with Tailwind CSS for layout and loading states.
A set of stacked KPI rows displaying labels, numerical values, and trend indicators with directional icons, built using a modular item component structure.
A compact KPI card displaying a primary metric, a descriptive label, an icon, and a tinted trend badge indicating percentage growth, built with Tailwind CSS.
A centered three-column statistics block featuring a kicker label, large tabular-num metrics, and descriptive subtext, built with a responsive flex layout.
A responsive 4-column grid component displaying key metrics with large tabular numbers and uppercase labels, featuring a clean bordered layout and centered typography.
A responsive four-column grid of metric tiles featuring a kicker, large tabular-num values, and descriptive context text, styled with a clean card-based layout and subtle shadows.
A responsive three-column statistics section featuring a centered headline, hairline-divided grid layout, and large tabular-num values for displaying key performance metrics.
A clean, tabular investment growth projection component featuring labeled rows with currency values and color-coded percentage indicators for financial data visualization.
A compact usage statistics card featuring a color-coded progress bar, percentage breakdown, and a trend badge, built with Tailwind CSS and shadcn/ui components.
Select an Item to view its code
Choose an item from the list to view its code and files.