How is this different from the free shadcn Card component?

The Card component is a single container primitive. These blocks are finished compositions: a whole KPI grid with aligned values and trend badges, a logo wall, or a profile card with an avatar group and stats strip. Most are built on the ReUI Frame rather than plain Card, which is what supplies the nested panel and border geometry.

Can I use these card blocks for dashboard KPIs?

Yes, that is the largest cluster here. You get metric grids with two tone values, trend badges with a period label, per cell area charts, colored icon tiles, and per card action menus. A common pattern is a KPI card grid across the top of a dashboard, Chart blocks underneath for plotted series, and a Stats panel for the single headline number.

How do I install a card block?

Each block page carries a shadcn CLI command pointed at the ReUI registry. Running it copies the block source and its dependencies, including Frame, Badge, and the shadcn components it uses, into your project. There is no runtime package to add, so the card markup is yours to edit immediately after install.

Do these work with Next.js, Vite, and my Tailwind setup?

Yes. Blocks are React and Tailwind source with no runtime ReUI dependency, so they drop into Next.js App Router, Vite, Remix, or an Astro island. Icons come from your configured icon set, and the customizer lets you pick a base, a style, and a radius before you copy, so the output matches the rest of your app.

Shadcn Card Blocks for KPI Grids, Logos, and Profiles

Shadcn Card Blocks Built on the ReUI Frame

The free shadcn Card gives you a container with a header and a body. This category is about what fills it, and about what happens when a dozen of them sit on the same dashboard. Most blocks here are grids rather than single cards, tuned so alignment, value size, and label weight hold across a row instead of drifting per tile.

The visual language is the ReUI Frame and its FramePanel: a bordered outer surface with concentric inner panels, often over a masked dot grid, halftone, or square mesh pattern. Because the radius and border geometry come from the Frame, a KPI grid, a logo wall, and a profile card can share a page and still read as one system.

Several grids use container queries rather than viewport breakpoints, flowing from one to four columns based on the width of their own container. That matters when you drop a card grid into a sidebar, a split pane, or a narrow dashboard column instead of a full width page.

All Card Blocks

Open any block on its own page for 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 40 Compact two-column metric stat grid with large value, unit, and muted label tiles
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

The Five Card Clusters in This Category

KPI and metric grids a large value over a muted label with a trend Badge carrying percent and period. Variants add per cell area charts, two tone values with a faint decimal tail, glossy colored icon tiles, or an actions menu per tile.
Brand logo and integration walls compact logo tiles for partners, tech stack, and sponsors, plus integration cards with a dashed connector diagram and tier badge, and a dark app marketplace card with an avatar group and connect button.
Profile and people cards investor, applicant, contributor, and contact cards with avatars, online and verified markers, three column stats strips, skill Badge rows, copy action contact fields, and a horizontal portfolio rail in a ScrollArea.
Record and detail cards delivery tracking with icon labeled detail rows, a crypto or stock quote card with a percent delta and trade actions, meeting cards with attendee avatars and a join link, job recommendations with a salary meta row, and project cards with a due countdown.
Link and shortcut grids icon tile cards for help center topics, docs hubs, category tiles, and quick launchers, with the whole card acting as the link and proper hover and focus ring states.

Stat Tiles Without a Chart Library

A large share of this category is metric tiles: value, label, delta. Some pair the number with a small area chart inside the cell, some use a segmented or dotted accent instead, and several are pure typography over a patterned panel. If you need a plotted series, use Chart. If you need a single richer metric panel with a progress meter, a breakdown, or its own range filter, use Stats.

Horizontal variants matter as much as grids. There is a stat strip with equal divided columns and hairline dividers, and single row summary cards that spread labeled metrics across columns with a status dot and a trailing team avatar group. Those work well as a page header above a table or a chart.

Primitives These Cards Are Built From

Blocks compose the ReUI Frame and Badge with shadcn Item, Avatar, Button, DropdownMenu, Separator, and AspectRatio. Installing a block pulls those dependencies through the registry, so you are adding components you can already read the docs for rather than a private card implementation.

Header treatments include icon and label rows, uppercase date headers, patterned dark banners, and cover images with a ring avatar.
Action affordances include kebab menus, footer report links, chevron action links, copy icon buttons, and full width outline buttons.
Backgrounds include faded dot patterns, halftone dots, square mesh grids, grid mesh on color, and plain surfaces for dense dashboards.

Related Shadcn Application Block Categories

Card grids rarely ship alone. These are the categories teams most often combine them with.

Stats (15) Single purpose KPI cards and metric panels with gauges, meters, breakdowns, and range filters.
Chart (30) Bar, line, pie, and area chart layouts for plotted series and data storytelling.
Dashboard (8) Complete overview screens that combine stat tiles, charts, and tables into one page.
List (11) List layouts for contacts, records, activity rows, and compact action surfaces.
Profile (9) Full profile pages with avatars, bios, activity feeds, and account sections.
Empty State (14) No data placeholders and recovery actions for when a card grid has nothing to show.

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 (291) Browse 291 Shadcn Application blocks across 21 categories.
Shadcn Data Grid Blocks (35) Browse 35 Shadcn Data Grid blocks across 8 categories.
Shadcn Solutions Blocks (65) Browse 65 Shadcn Solutions blocks across 9 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

Shadcn Card Blocks Built on the ReUI Frame