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
Stats cards with links
39
Card
70
Statistics Card 2
263
Course Design Cards
1.1K
The Item one
3
Card Studio
7
Statistics Card 7
292
Item
10
Dashboard with Collapsible Sidebar
2.4K
Card
17
Testimonial
117
File Card Collections
1K
Card With Lines Patter
89
Focus Frame Border
59
Features 8
3.1K
Gradient Tiers
71
testimonial
796
Bold Stats
254
Weather Card
54
Card
202
Pricing Card
365
Bento
1.1K
BeUI Tilt Card
369
Bar Chart
44
Statistics Card 10
263
Stats
26
Incident Status Timeline
178
Integrations Card Grid
230
Skeleton
20
Empty
14
Card
7
Card Tabs
101
Bento Feature Grid
26
Card
5
Progress Metric Card
922
Calendar with time picker inline
54
Ruixen Bento Cards
438
Cookies
6
Leaderboard Podium
229
Login Form Card
12
Feature Sections
40
Tabbed Feature Categories
57
Glassmorphism Folder Cards
2.6K
Cards
564
Contact Card
1K
Empty
6
Achievement badge
12
Stats Section with Text
463
Keep browsing with a free account
See all 12,000+ components, 306 templates, 941 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
- Bar Chart by Intent UI
- Stats cards with links by Ephraim Duncan
- Card Studio by Clevision
- Testimonial by prebuiltui
- Cookies by prebuiltui
- Feature Sections by prebuiltui
- Stats by Méschac Irung
- File Upload by Ephraim Duncan
- Weekly Fitness Card by ShadcnSpace
- Blog 7 by Shadcnblocks.com
- The Item one by felipemenezes098
- Modal Card by Berat Berkay Gökdemir
- Empty by Cnippet
- Credit or Debit Card by Ravi Katiyar
- Feature Section with Bento Grid by Tommy Jepsen
- Card by shadcn
- Approval Card by Syed Hasnain
- Badge Delta by Serafim
- Animated Card by Kavi Katiyar
- Stats cards with links by Ephraim Duncan
- Card Studio by Clevision
- Testimonial by prebuiltui
- Pricing Cards by prebuiltui
- Feature Sections by prebuiltui
- The Item one by felipemenezes098
- Stats by Méschac Irung
- Framework Agnostic by Aman Shakya
- Bar Chart by Intent UI
- Funnel Chart Big by REAVIZ
- Wallet Card 2 by Berat Berkay Gökdemir
- Rating by Sean Hello
- Radio Group by Origin UI
- Login Card by Arihant jain
- Border Beam by appica-dev
- Stats Widget by Ravi Katiyar
- Tilt Card by tom
- Card Table by felipemenezes098
- Folded Card by cult/ui
- 3d Wrapper by badtz
- Feature Modern by brijr
- Item by shadcn
- Gradient Card by Ravi Katiyar
- Features Grid by gooseui
- Stats cards with links by Ephraim Duncan
- Card Studio by Clevision
- Testimonial by prebuiltui
- Pricing Cards by prebuiltui
- Cards by prebuiltui
- The Item one by felipemenezes098
- Stats by Méschac Irung
- Bar Chart by Intent UI
- Login Card by Arihant jain
- Feature Problem Cards by Mohammad Shehadeh
- Radio Group by Origin UI
- 3D tilt card by Awanish Verma
- Article Cards by Kavi Katiyar
- Workflow Builder Card by Ravi Katiyar
- Achievement Card by trophyso
- Blog Section by Tommy Jepsen
- Notched Project Card by Maud Benaddi
- Achievement badge by trophyso
- Payment Form Card by felipemenezes098
- Modern Payment Form by Ruixen
- Shine Border by Dillion Verma
- Empty by Cnippet
- Trend Card by Ravi Katiyar
- Item by shadcn
- Testimonial by prebuiltui
- Card Studio by Clevision
- The Item one by felipemenezes098
- Feature Sections by prebuiltui
- Pricing Cards by prebuiltui
- Radio Group by Origin UI
- 3D Card by Kavi Katiyar
- Nav List Card by Arihant jain
- Animated Geometric Card by Jatin Yadav
- Liquid Glass Card by Ali Imam
- Item by shadcn
- Glassmorphism Profile Card by Berat Berkay Gökdemir
- Leaderboard Card by trophyso
- Empty by shadcn
- QR Code Generator by user_xn1cklas
- Services Card by Ravi Katiyar
- Achievement badge by trophyso
- Border Beam by appica-dev
- Gradient Bold Card by Ruixen
- Legends by Airbnb
- Recent Activity Card by Oliver
- Label Badges by LN
- Blog 8 by Shadcnblocks.com
- Card by Ravi Katiyar
- 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
- Border Beam by appica-dev
- Skeleton Loader by animbits
- Book by tigran tumasov
- Admonition by deltacomponents
- Login Card by Ruixen
- Card with Ellipsis Pattern by Indie UI
- Testimonial Card by Serafim
- Glass Card by Smit Prajapati
- Streak Badge by trophyso
- Highlight Card by Berat Berkay Gökdemir
- Item by shadcn
- Login Card by Arihant jain
- Credit Card by ExtendUI
- Empty by Cnippet
- ThreeD Wall Calendar by Ruixen
- Invite Member Card by ShadcnSpace
- Ruixen Feature Section by Ruixen
- Article Skeleton by felipemenezes098
- Testimonial by prebuiltui
- Cookies by prebuiltui
- Pricing Cards by prebuiltui
- The Item one by felipemenezes098
- Card Studio by Clevision
- Radio Group by Origin UI
- Login Card by Arihant jain
- Reshaped Card by reshaped
- Data Grid Table by Sean Hello
- Empty by Cnippet
- Newsletter by Ayushmaan Singh
- Tweet by tom
- Content Block by Méschac Irung
- Card with Grid Ellipsis Pattern by Indie UI
- Feature 72 by Shadcnblocks.com
- Marquee by Dice UI
- Social Auth Card by Ruixen
- Weather Widget by Fahad Yaseen
- Card by LaviKatiyar
- News Search by user_xn1cklas
- QR Code by Abraham
- Draggable Widget Grid by carolina
- Dashboard Activities by Sonu kumar
- Project Card by Ravi Katiyar
- Testimonial by prebuiltui
- Feature Sections by prebuiltui
- Cards by prebuiltui
- The Item one by felipemenezes098
- Card Studio by Clevision
- Radio Group by Abraham
- Skeleton by Preet Suthar
- Animated 3D Card by Shailendra Kumar
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.