1780+ Card Components for React & Tailwind | 21st

21st home

SearchClear

Components Themes Templates

Category

All

Marketing Blocks

UI Components

Time

All time

Last week

Last month

Last 3 months

Last year

Primitive library

All

Radix UI

Base UI

React Aria

Ariakit

Headless UI

Other primitives

Tailwind version

All

Tailwind v4

Tailwind v3

License

No options

Library

No options

Built with

No options

Author

No authors yet

Tags (20) Clear

3d-card

0

analysis-card

0

animated-3d-card

0

animated-card

0

asset-card

0

audiobook-card

0

card

1.8K

card-accent

0

card-info

0

credit-card

0

debit-card

0

glowing-effect-card

0

hover-card

0

info-card

0

project-card

0

promo-card

0

reward-card

0

service-card

0

statistics-card

0

tilted-card

0

Marketing Blocks

Announcements

71

Backgrounds

365

Borders

111

Calls to Action

501

Clients

17

Comparisons

31

Docks

49

FAQs

191

Features

318

Footers

65

Galleries

272

Heroes

1.2K

Hooks

51

Images

428

Maps

51

Marquees

113

Navigation Menus

477

Pricing Sections

216

Scroll Areas

293

Shaders

404

Stats & KPIs

153

Steppers

124

Team Sections

119

Testimonials

161

Texts

663

Timelines

74

Videos

162

UI Components

Accordions

234

AI Chats

248

Alerts

240

Avatars

597

Badges

605

Buttons

2K

Calendars

239

Carousels

239

Charts & Data Viz

246

Checkboxes

238

Cursors

152

Dashboards

400

Date Pickers

250

Dialogs / Modals

328

Dropdowns

506

Empty States

77

File Trees

61

File Uploads

154

Forms

1.5K

Globes

41

Grids & Bento

620

Icons

851

Inputs

949

Links

354

Lists

349

Menus

287

Notifications

247

Numbers

54

Onboarding

53

Paginations

130

Popovers

179

Profiles

270

Progress

375

Radio Groups

152

Search Bars

218

Selects

316

Sidebars

95

Sign Ins

103

Sign ups

58

Sliders

217

Spinner Loaders

480

Tables

313

Tabs

239

Tags

74

Text Areas

187

Toasts

79

Toggles

532

Tooltips

267

Components/card

Search K

Pricing Sign in

About card components

This is a large collection of 834 card components for React, the container pattern for grouping related content. You'll find product cards, pricing cards, profile and testimonial cards, stat tiles, and media cards with images or video. Styles range from flat and bordered to elevated with shadows, plus hover and 3D-tilt variants. Whether you need a react card for a grid of items or a single feature callout, there's a layout here for it.

Match the container to its content: use a media card for image-led items and a compact one for dense dashboards. Keep spacing consistent across a grid so everything lines up. Copy a card's TSX, run the shadcn CLI with its registry URL, or pull it through the Magic MCP in Cursor or Claude Code. They follow shadcn/ui conventions, use Tailwind, and drop into any Next.js project.

Frequently asked questions

How do I create a card component in React?

Do these follow shadcn/ui conventions?

Are there animated or hover-effect cards?

Can I use these cards with Vue?

Related components

Animated Card80 Animation144 Animated16 Features318 3D Card120 Hover Card77