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
79
Card
69
Course Design Cards
1K
Statistics Card 2
256
Card Studio
5
Statistics Card 10
258
The Item one
3
Card with Grid Pattern
75
Dashboard with Collapsible Sidebar
2.4K
Card
17
Testimonial
111
testimonial
785
Bento Feature Grid
25
File Card Collections
979
Gradient Tiers
66
Shine Border
938
Bento
1.1K
Pricing Card
358
Bold Stats
252
Card Tabs
94
Feature Sections
39
Modern Payment Form
338
Features 8
3K
Blog 7
292
Statistics Card 7
285
Pricing Cards
20
Skeleton
19
Card with Cross Patter
37
Incident Status Timeline
175
Item
10
Data Grid Table
11
Card
5
Card with Ellipsis Pattern
35
Payment Form Card
29
Tabbed Feature Categories
54
Nav List Card
29
Feature Problem Cards
81
Focus Frame Border
58
Liquid Glass Card
174
Funnel Chart Big
122
Badge Delta
220
Card Table
28
Cookies
70
Glassmorphism Folder Cards
2.2K
Feature Modern
20
BeUI Tilt Card
360
Ruixen Bento Cards
433
Card
196
Keep browsing with a free account
See all 12,000+ components, 286 templates, 933 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
- Feature Sections by prebuiltui
- The Item one by felipemenezes098
- Stats cards with links by Ephraim Duncan
- Card Studio by Clevision
- Testimonial by prebuiltui
- Feature Sections by prebuiltui
- The Item one by felipemenezes098
- System Status Block by Preet Suthar
- Skeleton Loader by animbits
- Stats by Méschac Irung
- Weather Card by user_xn1cklas
- Stats Widget by Ravi Katiyar
- Login Card by Arihant jain
- Stats Section with Text by Tommy Jepsen
- Leaderboard Card by trophyso
- Call to Action by brijr
- Border Beam by appica-dev
- Comments by Efferd
- Achievement badge by trophyso
- Blog Section by Tommy Jepsen
- Stats cards with links by Ephraim Duncan
- Card Studio by Clevision
- Testimonial by prebuiltui
- Feature Sections by prebuiltui
- Pricing Cards by prebuiltui
- The Item one by felipemenezes098
- Stats by Méschac Irung
- Feature Modern by brijr
- Login Card by Arihant jain
- Switch by Clevision
- Gradient Card by Ravi Katiyar
- Checkbox by Abraham
- Achievement Card by trophyso
- Invite Member Card by ShadcnSpace
- Card With Lines Patter by Indie UI
- Card by shadcn
- ThreeD Wall Calendar by Ruixen
- Label Badges by LN
- Testimonial Card by Serafim
- Achievement badge by trophyso
- Notched Project Card by Maud Benaddi
- Gradient Bold Card by Ruixen
- Border Beam by appica-dev
- Blog 8 by Shadcnblocks.com
- 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
- Switch by Clevision
- Login Card by Arihant jain
- Leaderboard Podium by trophyso
- Empty by Cnippet
- Animated Card by Kavi Katiyar
- Approval Card by Syed Hasnain
- Feature Section with Bento Grid by Tommy Jepsen
- Bar Chart by Intent UI
- Contact Card by Efferd
- Card with Grid Ellipsis Pattern by Indie UI
- Card Frame Table by Cnippet
- Project Card by Ravi Katiyar
- Tilt Card by tom
- 3D Card by Kavi Katiyar
- Radio Group by Origin UI
- Progress by Sean Hello
- QR Code by Abraham
- Skeleton by Arihant jain
- Card Studio by Clevision
- Testimonial by prebuiltui
- Pricing Cards by prebuiltui
- Feature Sections by prebuiltui
- The Item one by felipemenezes098
- Login Card by Arihant jain
- Radio Group by Origin UI
- Achievement badge by trophyso
- Linear Card by ui layout
- Credit or Debit Card by Ravi Katiyar
- Health Stat Card by ruhith
- Login Form Card by felipemenezes098
- Streak Badge by trophyso
- Empty by Cnippet
- Workflow Builder Card by Ravi Katiyar
- Login Card by Ruixen
- Stats 2 by Ali Imam
- Services Card by Ravi Katiyar
- Switch by Clevision
- File Upload by Ephraim Duncan
- Text Skeleton by uiable
- Feature 72 by Shadcnblocks.com
- Bar Chart by Intent UI
- Payment Method Card Checkbox by Cnippet
- Testimonial by prebuiltui
- Cookies by prebuiltui
- Cards by prebuiltui
- Card Studio by Clevision
- The Item one by felipemenezes098
- Login Card by Arihant jain
- Radio Group by Origin UI
- Achievement badge by trophyso
- Calendar with time picker inline by shadcn
- Empty by Cnippet
- Parallax Card by Ravi Katiyar
- Integrations Card Grid by Méschac Irung
- Border Beam by appica-dev
- Bar Chart by Intent UI
- Multi Select Calendar Card by Ruixen
- API Usage Meter Card by Cnippet
- Folded Card by cult/ui
- Breadcrumb with Project, User & Document Info by Cnippet
- Progress Metric Card by Mak VieSAinte
- Stats Card by Ravi Katiyar
- Features Grid by gooseui
- Animated 3D Card by Shailendra Kumar
- Cards by LaviKatiyar
- Modal Card by Berat Berkay Gökdemir
- Testimonial by prebuiltui
- Cookies by prebuiltui
- Card Studio by Clevision
- Cards by prebuiltui
- The Item one by felipemenezes098
- Login Card by Arihant jain
- Radio Group by Origin UI
- Empty by Cnippet
- Change Password Form by Cnippet
- Credit Card Dialog by Ruixen
- Switch List Card by Sean Hello
- QR Code by Abraham
- Card by extend-hq
- Profile Dropdown by Arihant jain
- Card by Wensity Labs
- Card by Hero Ui
- Glass Card by Smit Prajapati
- Create Account Form by Ruixen
- Radio Group by Abraham
- Bar Group vertical by Airbnb
- Separator Link List by coss
- Stats Card by Kavi Katiyar
- indevuiSeparator by LN
- Event RSVP Card by Cnippet
- Testimonial by prebuiltui
- Cookies by prebuiltui
- Card Studio by Clevision
- Cards by prebuiltui
- The Item one by felipemenezes098
- Login Card by Arihant jain
- Radio Group by Origin UI
- Basic Item by Bundui.io
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.