Creative Tim UICreative Tim UI

Spotlight KPI — one headline metric plus supporting row - shadcn/ui

PRO

High-end dashboard KPI layout — one large inverted bg-foreground spotlight metric beside a stacked column of three supporting indicators, all joined by a single hairline gap.

Preview

Component Details

ID
kpi-agency-spotlight
Type
Block
Access
PRO
Category
KPI
Published
3 Apr 2026

Files Included

  • app/kpi-agency-spotlight/page.tsx
  • components/creative-tim/blocks/kpi-agency-spotlight.tsx

Components Used

Explore More Blocks

Content
ContentVersatile content layout components for React and Next.js. Build blog posts, articles, portfolios, project showcases, comment sections, and rich content presentations with customizable designs.
Account
AccountBeautiful and customizable account management components for React and Next.js. Build user profiles, settings, authentication flows, and account dashboards with ready-to-use blocks.
x402
x402Internet-native payment protocol components for React and Next.js. Build AI agent payments, HTTP-based stablecoin transactions, and autonomous commerce experiences using the x402 protocol.
Testimonials
TestimonialsProfessional testimonial and social proof components for React and Next.js. Build customer reviews, ratings, case studies, and trust-building sections.
Table Footer
Table FooterProfessional table footer components for React and Next.js. Build pagination controls, row selection displays, date range filters, progress indicators, and action buttons for data tables with customizable layouts.
Layout
LayoutProfessional category showcase and product layout components for React and Next.js. Build category grids, product collections, navigation sections, and organized content displays.
Maintenance
MaintenanceProfessional maintenance and downtime page components for React and Next.js. Build scheduled maintenance notifications, system upgrade messages, and under construction pages with email notifications and social links.
CRUDs
CRUDsComplete CRUD interface components and data management blocks for React and Next.js. Build admin panels, data tables, forms, and database management interfaces.