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
Course Design Cards
1.1K
Card Studio
14
Interactive Tech Stack Bento Grid with Hover Effects
291
Statistics Card 2
281
Statistics Card 10
274
Stats cards with links
125
Weather Card
60
Streak Badge
302
testimonial
846
Card with Grid Ellipsis Pattern
229
Statistics Card 7
302
Testimonial
16
Dashboard with Collapsible Sidebar
2.5K
Cards
39
Card with Cross Patter
37
Bento
1.2K
File Card Collections
1.1K
Gradient Tiers
84
Empty
8
Leaderboard Card
659
Pricing Card
375
Ruixen Bento Cards
455
Cookies
40
Card With Lines Patter
89
System Status Block
323
Skeleton Loader
112
Contact Card
1K
Achievement badge
4
Data Grid Table
13
The Item one
3
Features 8
3.1K
Switch List Card
37
QR Code
4
Card with Ellipsis Pattern
35
Stats Section with Text
479
Pricing Card
21
Calendar with time picker inline
58
Weather Widget
65
Event RSVP Card
48
Switch
2
Leaderboard Podium
236
Card
70
Cards
606
Wallet Card 2
169
Login Card
16
Card
18
Progress Metric Card
957
Feature Sections
186
Keep browsing with a free account
See all 12,000+ components, 353 templates, 962 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 Studio by Clevision
- Testimonial by prebuiltui
- Cards by prebuiltui
- Empty by Cnippet
- Cookies by prebuiltui
- Stats cards with links by Ephraim Duncan
- Card Studio by Clevision
- Testimonial by prebuiltui
- Empty by Cnippet
- Achievement badge by trophyso
- Cards by prebuiltui
- The Item one by felipemenezes098
- Border Beam by appica-dev
- Shine Border by Dillion Verma
- Card by Ravi Katiyar
- Payment Method Card Checkbox by Cnippet
- Bold Stats by ui layout
- Focus Frame Border by ShadcnSpace
- Funnel Chart Big by REAVIZ
- Card by extend-hq
- Glassmorphism Profile Card by Berat Berkay Gökdemir
- Stats by Méschac Irung
- Sign In Card by Ruixen
- Stats cards with links by Ephraim Duncan
- Card Studio by Clevision
- Testimonial by prebuiltui
- Empty by Cnippet
- Feature Sections by prebuiltui
- Cookies by prebuiltui
- Login Card by Arihant jain
- The Item one by felipemenezes098
- Achievement badge by trophyso
- Liquid Glass Card by Ali Imam
- Stats by Méschac Irung
- Features Grid by gooseui
- Feature Problem Cards by Mohammad Shehadeh
- Item by shadcn
- Card by Sean Hello
- File Upload by Ephraim Duncan
- Card Tabs by uiable
- Approval Card by Syed Hasnain
- Bar Chart by Intent UI
- Tabbed Feature Categories by Oliver
- Gradient Card by Ravi Katiyar
- Blog 7 by Shadcnblocks.com
- Animated 3D Card by Shailendra Kumar
- Modern Payment Form by Ruixen
- Testimonial by prebuiltui
- Stats cards with links by Ephraim Duncan
- Card Studio by Clevision
- Empty by Cnippet
- Feature Sections by prebuiltui
- The Item one by felipemenezes098
- Login Card by Arihant jain
- Pricing Cards by prebuiltui
- Pricing Card With Features by Erik Erik
- Feature Section with Bento Grid by Tommy Jepsen
- Bar Chart by Intent UI
- Pie Chart by Intent UI
- Achievement badge by trophyso
- Radio Group by Origin UI
- 3D Card by Kavi Katiyar
- Services Card by Ravi Katiyar
- ThreeD Wall Calendar by Ruixen
- Stats by Méschac Irung
- Empty by shadcn
- Bento Feature Grid by LN
- File Upload by Ephraim Duncan
- News letter Form by Ruixen
- Modal Card by Berat Berkay Gökdemir
- Cards Shader Effect by uui
- Testimonial by prebuiltui
- Card Studio by Clevision
- Empty by Cnippet
- Feature Sections by prebuiltui
- The Item one by felipemenezes098
- Login Card by Arihant jain
- Achievement badge by trophyso
- Radio Group by Origin UI
- Animated Dashboard Card by Isaiah
- Framework Agnostic by Aman Shakya
- Integrations Card Grid by Méschac Irung
- Switch by Clevision
- Glassmorphism Folder Cards by Kedhareswer Naidu
- Pricing Cards by prebuiltui
- Notched Project Card by Maud Benaddi
- BeUI Tilt Card by Saurabh
- Recent Activity Card by Oliver
- Glass Shine Card by Dhileep Kumar GM
- Glass Card by Smit Prajapati
- Badge Delta by Serafim
- Tooltip by Origin UI
- Book by tigran tumasov
- Bar Chart by Intent UI
- Border Beam by appica-dev
- Testimonial by prebuiltui
- Card Studio by Clevision
- Feature Sections by prebuiltui
- Login Card by Arihant jain
- The Item one by felipemenezes098
- Radio Group by Origin UI
- Pricing Cards by prebuiltui
- Nav List Card by Arihant jain
- Team Lanyard Rail – Meet the Team Section with Flip Badges by DHxWhy
- Tweet Card by Dillion Verma
- Linear Card by ui layout
- Tilt Card by tom
- Bar Chart by Intent UI
- Stats Widget by Ravi Katiyar
- Service Card by LaviKatiyar
- Text Skeleton by uiable
- Stats by Méschac Irung
- QR Code by Abraham
- Item by shadcn
- Radio Group by Abraham
- Incident Status Timeline by Cnippet
- Not Found by sidiora-labs
- Card by Ravi Katiyar
- Dashboard Activities by Sonu kumar
- Testimonial by prebuiltui
- Card Studio by Clevision
- Feature Sections by prebuiltui
- Login Card by Arihant jain
- The Item one by felipemenezes098
- Cookies by prebuiltui
- Radio Group by Origin UI
- Funnel Chart by bklitai
- Countdown Timer by Abraham
- Bar Group vertical by Airbnb
- Feature 72 by Shadcnblocks.com
- Stats 2 by Ali Imam
- Border Beam by appica-dev
- 3D Card Effect by Manu Arora
- Number Ticker by Daniel Petho
- Folded Card by cult/ui
- Accordion by Clevision
- Tweet by tom
- Card with Grid Pattern by Indie UI
- Payment Form Card by felipemenezes098
- 3D Flip Card by ShadcnSpace
- Animate Card Animation by Jessi
- Stats Card by Kavi Katiyar
- Information Card by KarrixLee
- Testimonial by prebuiltui
- Login Card by Arihant jain
- Card Studio by Clevision
- The Item one by felipemenezes098
- Pricing Cards by prebuiltui
- Cards by prebuiltui
- Radio Group by Origin UI
- Funnel Chart by bklitai
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.