DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.2K

Shadcn Components in the Card 40 Block

  • FrameReUI

Shadcn Card 40 Block

Compact two-column metric stat grid with large value, unit, and muted label tiles. Part of the ReUI Shadcn Application Card blocks collection.

Two-column grid of metric tiles, each pairing a large value with a small unit and a muted label, for KPI summaries, fitness and activity stats, and dashboard quick stats. Built on ReUI Frame and FramePanel.

It is composed from Frame, so every part of it is a primitive you can restyle with your own design tokens.

What You Can Build With the Card 40 Block

  • Install it with the ReUI registry command in the toolbar above, then swap the placeholder content, data wiring, and business logic for your own.
  • Compare it across all eight ReUI styles and both the Base UI and Radix bases in the customizer before committing to one direction.
  • Combine it with the other Shadcn Application Card blocks to assemble a full screen instead of a single section.

All Shadcn Application Card Blocks

The rest of this category, each on its own page with a live preview, the components it is built from, and the install command.

  • Card 1 Brand logo grid card with centered icon tile and linked name per company
  • Card 2 Feature highlights grid of icon-tile cards with a faded dot-pattern background
  • Card 3 Investor profile card with availability badge, stats strip, and ranked funding sources list
  • Card 4 Colorful dark KPI stat cards with trend badge, grid-mesh background, and footer report link
  • Card 5 Integration Cards with Brand Logo, Connector Diagram, and Tier Badge over a Dotted Backdrop
  • Card 6 Numbered setup-step card grid with ordinal labels and a responsive one to four column Frame layout
  • Card 7 Detail stat card grid with label, value, and swappable logo, badge, or avatar group accent
  • Card 8 Service status card grid with icon box, linked title, color-coded status dot and timestamp
  • Card 9 Applicant profile card with detail columns, copy-action contact fields, and skill badges
  • Card 10 Color-tinted stacked Frame cards with date header, actions menu, and category badges
  • Card 11 Minimal text-only notice card grid with accent label and faded dot-pattern background
  • Card 12 Compact icon-and-title link card grid, no description text, built on ReUI Frame
  • Card 13 Two-column card grid with link title, description, and a row of bordered logo chips
  • Card 14 Delivery tracking card with icon-labeled detail rows, status badge, header menu, and notes section
  • Card 15 Meeting cards grid with attendee avatars, duration badge, and a Join Meeting link
  • Card 16 Dark integration app card with patterned header, status badge, ellipsis menu and avatar group
  • Card 17 Shortcut cards grid with colored icon tiles, dotted canvas backdrop, and a labeled action link
  • Card 18 Compact info card grid with icon-label header, description, and source link in framed panels
  • Card 19 Crypto asset price card with ticker, large quote, percent-change delta and Follow plus Trade actions
  • Card 20 Help center guide cards grid with colored icon badge and bordered article link list
  • Card 21 Project task cards grid with client name, due-date countdown, and share action
  • Card 22 Centered promo card with overlapping tilted image pair, pill badge, and rounded CTA button
  • Card 23 AI monitoring promo card with stacked Frame, 24/7 uptime metric, integration logo tiles, and CTA
  • Card 24 Recommended job role card with company logo, location, work mode, and salary meta row
  • Card 25 Account balance summary card grid with colored icon tiles and signed percent-change indicators
  • Card 26 Three-column metric card grid with icon-and-label headers and linked titles in framed panels
  • Card 27 Horizontal application summary card with labeled metadata columns, status dot, and team avatar group
  • Card 28 KPI metric card grid with two-tone numeric values and per-panel trend Badge with period label
  • Card 29 KPI metric stat grid in a bordered frame with per-cell area charts and trend badges
  • Card 30 Stat card grid with icon tile, actions menu, and trend badge per metric
  • Card 31 KPI stat cards in a responsive grid with faded line-grid backgrounds and glossy colored icon tiles
  • Card 32 Horizontal stats summary card with labeled metric columns, status icons, and a team avatar group
  • Card 33 Inventory stat card grid with gradient icon badge, dotted backdrop, and per-card actions menu
  • Card 34 KPI metric cards with bold value, faint decimal fraction, and up or down trend badge per period
  • Card 35 KPI stat card grid with metric label, large value, and halftone dot-pattern backdrop
  • Card 36 KPI stat card grid with big metric over label and a masked dot-grid backdrop
  • Card 37 Compact KPI stat tile grid with muted labels and green metric icons
  • Card 38 Horizontal stat strip card with divided metric columns and a dotted accent cell
  • Card 39 Icon-badge resource card grid linking to help, docs, and platform sections
  • Card 41 Topic Link Card Grid with Colored Icon Tiles and Hover Title Links
  • Card 42 Profile card with verified name, online badge, team avatar group, stats row, and connect button
  • Card 43 Profile card with cover banner, verified avatar, and horizontal project portfolio rail

Related Shadcn Application Block Categories

  • App Shell (20) App shell layouts with sidebar navigation for dashboards, settings panels, and multi-page apps.
  • Auth (20) Login, register, forgot password, and two-factor authentication page layouts.
  • Chart (30) Chart components and layouts with bar, line, pie, and area charts for data storytelling.
  • Dashboard (8) Dashboard components and layouts that combine stats, charts, and tables into a complete overview screen.
  • Dialog (14) Dialog components for modal windows, alerts, confirmations, and content overlays.
  • Empty State (14) Empty state screens and no-data placeholders with recovery actions, onboarding prompts, and contextual guidance.

All Shadcn Block Groups

Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.

  • Shadcn Application Blocks (287) Browse 287 Shadcn Application blocks across 21 categories.
  • Shadcn Data Grid Blocks (30) Browse 30 Shadcn Data Grid blocks across 8 categories.
  • Shadcn Solutions Blocks (64) Browse 64 Shadcn Solutions blocks across 8 categories.
  • Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 12 categories.
  • Shadcn Marketing Blocks (24) Browse 24 Shadcn Marketing blocks across 4 categories.

Frequently Asked Questions

PreviousCard 39NextCard 41

Application

  • App Shell
  • Auth
  • Card
  • Chart
  • Dashboard
  • Dialog
  • Empty State
  • Event CalendarNew event calendar block added
  • Form
  • GanttNew gantt block added
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Wizard

Solutions

  • Agents
  • AI Ops
  • Analytics
  • Billing
  • Bookings
  • CRM
  • Inventory
  • Users

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist

Data Grid

  • Base
  • Columns
  • Drag & Drop
  • EditingNew editable Data Grid block added
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Marketing

  • Blog
  • Contact
  • CTA
  • FAQ

Resources

  • Components
  • Blocks
  • Docs
  • Support
  • Pricing
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026ReUI · All rights reserved

3.2K
  1. Blocks
  2. Application
  3. Card
  4. Card 40

Shadcn Card 40

Two-column grid of metric tiles, each pairing a large value with a small unit and a muted label, for KPI summaries, fitness and activity stats, and dashboard quick stats. Built on ReUI Frame and FramePanel.

Categories
  • Card 1
  • Card 2
  • Card 3
  • Card 4
  • Card 5
  • Card 6
  • Card 7
  • Card 8
  • Card 9
  • Card 10
  • Card 11
  • Card 12
  • Card 13
  • Card 14
  • Card 15
  • Card 16
  • Card 17
  • Card 18
  • Card 19
  • Card 20
  • Card 21
  • Card 22
  • Card 23
  • Card 24
  • Card 25
  • Card 26
  • Card 27
  • Card 28
  • Card 29
  • Card 30
  • Card 31
  • Card 32
  • Card 33
  • Card 34
  • Card 35
  • Card 36
  • Card 37
  • Card 38
  • Card 39
  • Card 40
  • Card 41
  • Card 42
  • Card 43