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