Creative Tim UICreative Tim UI

Complex campaign KPI cards with multiple metrics - shadcn/ui

PRO

Reports snapshot featuring two campaign cards (Black Friday and Cyber Monday) with date picker and view report button. Each campaign card displays an icon, title, description, and three KPI metrics (Revenue, Outbound Clicks, Total Audience) with colored badges showing changes. Perfect for campaign performance dashboards and marketing analytics.

Preview

Component Details

ID
complex-kpi-cards
Type
Block
Access
PRO
Category
KPI
Published
3 Apr 2026

Files Included

  • app/complex-kpi-cards/page.tsx
  • components/creative-tim/blocks/complex-kpi-cards.tsx

Components Used

Explore More Blocks

CRUDs
CRUDsComplete CRUD interface components and data management blocks for React and Next.js. Build admin panels, data tables, forms, and database management interfaces.
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.
Team
TeamProfessional team member showcase components for React and Next.js. Build team pages, member profiles, organization charts, and employee directories with customizable layouts.
Charts
ChartsProfessional chart and data visualization components for React and Next.js. Build bar charts, line charts, area charts, comparison widgets, and interactive data dashboards with Recharts integration for displaying analytics and metrics.
Calendar
CalendarProfessional calendar and scheduling components for React and Next.js. Build event calendars, weekly schedules, daily planners, and event creation forms with date pickers and time management.
Web3 Cards
Web3 CardsModern Web3 and blockchain card components for React and Next.js. Build wallet connection cards, NFT displays, token interfaces, and decentralized application card layouts.
Popup
PopupEngaging popup and notification components for React and Next.js. Build welcome messages, cookie notifications, subscription forms, success confirmations, and promotional announcements with dismissible options and call-to-action elements.
User Profile
User ProfileProfessional user profile components for React and Next.js. Build user profile cards, account overviews, profile headers with statistics, social media links, and customizable layouts for displaying user information and achievements.