Card Components for React & Next.js
Find 422 versatile React card components built with Tailwind CSS, perfect for showcasing content elegantly in any Next.js application.
Browse components
Statistics Card 2
263
Card
70
Stats cards with links
39
Course Design Cards
1.1K
The Item one
3
Card Studio
7
Statistics Card 7
290
Item
10
Dashboard with Collapsible Sidebar
2.4K
Card
17
Testimonial
116
File Card Collections
1K
Card With Lines Patter
89
Focus Frame Border
59
Features 8
3K
Gradient Tiers
69
testimonial
795
Bold Stats
254
Weather Card
54
Pricing Card
364
Integrations Card Grid
230
Card
201
Incident Status Timeline
178
Bento Feature Grid
26
Statistics Card 10
262
Bar Chart
44
Bento
1.1K
BeUI Tilt Card
368
Progress Metric Card
920
Empty
14
Card
7
Weekly Fitness Card
32
Card
5
Stats
26
Feature Sections
40
Calendar with time picker inline
54
Glassmorphism Folder Cards
2.6K
Ruixen Bento Cards
438
Login Form Card
12
Tabbed Feature Categories
57
Card Tabs
100
Leaderboard Podium
229
Skeleton
20
Cards
563
Stats Section with Text
463
Pricing Cards
86
Blog 7
294
Achievement badge
12
Keep browsing with a free account
See all 12,000+ components, 306 templates, 939 themes and 138 apps, save favourites and copy two prompts a day for free. No card needed
More card components
- Stats cards with links by Ephraim Duncan
- Card by Sean Hello
- Card Studio by Clevision
- Testimonial by prebuiltui
- The Item one by felipemenezes098
- Stats cards with links by Ephraim Duncan
- Card Studio by Clevision
- Testimonial by prebuiltui
- Bar Chart by Intent UI
- Feature Sections by prebuiltui
- File Upload by Ephraim Duncan
- Blog Section by Tommy Jepsen
- The Item one by felipemenezes098
- Card by shadcn
- Contact Card by Efferd
- Modal Card by Berat Berkay Gökdemir
- Funnel Chart Big by REAVIZ
- Animated Card by Kavi Katiyar
- Empty by Cnippet
- Stats by Méschac Irung
- Feature Section with Bento Grid by Tommy Jepsen
- Empty by shadcn
- Badge Delta by Serafim
- Stats Widget by Ravi Katiyar
- Stats cards with links by Ephraim Duncan
- Card Studio by Clevision
- Testimonial by prebuiltui
- Cookies by prebuiltui
- Feature Sections by prebuiltui
- The Item one by felipemenezes098
- Border Beam by appica-dev
- Rating by Sean Hello
- Approval Card by Syed Hasnain
- Radio Group by Origin UI
- Gradient Card by Ravi Katiyar
- Bar Chart by Intent UI
- Wallet Card 2 by Berat Berkay Gökdemir
- Stats by Méschac Irung
- 3D tilt card by Awanish Verma
- Credit or Debit Card by Ravi Katiyar
- Login Card by Arihant jain
- Card Table by felipemenezes098
- 3d Wrapper by badtz
- Feature Modern by brijr
- Article Cards by Kavi Katiyar
- Workflow Builder Card by Ravi Katiyar
- Features Grid by gooseui
- Notched Project Card by Maud Benaddi
- Stats cards with links by Ephraim Duncan
- Card Studio by Clevision
- Testimonial by prebuiltui
- Cookies by prebuiltui
- Pricing Cards by prebuiltui
- The Item one by felipemenezes098
- Login Card by Arihant jain
- Radio Group by Origin UI
- Bar Chart by Intent UI
- Feature Problem Cards by Mohammad Shehadeh
- Tilt Card by tom
- Recent Activity Card by Oliver
- Trend Card by Ravi Katiyar
- Achievement Card by trophyso
- Achievement badge by trophyso
- Framework Agnostic by Aman Shakya
- Modern Payment Form by Ruixen
- 3D Card by Kavi Katiyar
- Payment Form Card by felipemenezes098
- Animated Geometric Card by Jatin Yadav
- Empty by Cnippet
- Border Beam by appica-dev
- Liquid Glass Card by Ali Imam
- Weather Widget by Fahad Yaseen
- Testimonial by prebuiltui
- Card Studio by Clevision
- Feature Sections by prebuiltui
- Cards by prebuiltui
- The Item one by felipemenezes098
- Radio Group by Origin UI
- Leaderboard Card by trophyso
- Shine Border by Dillion Verma
- Stats by Méschac Irung
- Item by shadcn
- Border Beam by appica-dev
- Achievement badge by trophyso
- QR Code Generator by user_xn1cklas
- Gradient Bold Card by Ruixen
- Legends by Airbnb
- Skeleton Loader by animbits
- Services Card by Ravi Katiyar
- Card by Ravi Katiyar
- Label Badges by LN
- Blog 8 by Shadcnblocks.com
- Book by tigran tumasov
- Glassmorphism Profile Card by Berat Berkay Gökdemir
- Login Card by Ruixen
- Glass Card by Smit Prajapati
- Testimonial by prebuiltui
- Card Studio by Clevision
- The Item one by felipemenezes098
- Pricing Cards by prebuiltui
- Feature Sections by prebuiltui
- Radio Group by Origin UI
- Item by shadcn
- Admonition by deltacomponents
- Insurance Policy Card by Ravi Katiyar
- Streak Badge by trophyso
- Nav List Card by Arihant jain
- Card with Ellipsis Pattern by Indie UI
- Empty by shadcn
- Testimonial Card by Serafim
- Credit Card by ExtendUI
- Progress by Sean Hello
- Folded Card by cult/ui
- Payment Card by Ali Imam
- Login Card by Arihant jain
- Empty by Cnippet
- Ruixen Feature Section by Ruixen
- Article Skeleton by felipemenezes098
- Invite Member Card by ShadcnSpace
- Reshaped Card by reshaped
- Testimonial by prebuiltui
- Pricing Cards by prebuiltui
- Feature Sections by prebuiltui
- Card Studio by Clevision
- The Item one by felipemenezes098
- Radio Group by Origin UI
- Item by shadcn
- Login Card by Arihant jain
- Newsletter by Ayushmaan Singh
- Empty by Cnippet
- Content Block by Méschac Irung
- Card with Grid Ellipsis Pattern by Indie UI
- Marquee by Dice UI
- Data Grid Table by Sean Hello
- Project Card by Ravi Katiyar
- Tweet by tom
- Card by LaviKatiyar
- Glass Shine Card by Dhileep Kumar GM
- Feature 72 by Shadcnblocks.com
- Social Auth Card by Ruixen
- QR Code by Abraham
- Highlight Card by Berat Berkay Gökdemir
- News Search by user_xn1cklas
- Stats 2 by Ali Imam
- Testimonial by prebuiltui
- Cookies by prebuiltui
- Pricing Cards by prebuiltui
- Card Studio by Clevision
- The Item one by felipemenezes098
- Item by shadcn
- Dashboard Activities by Sonu kumar
- Radio Group by Abraham
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.