Free Cards UI templates built with React + Tailwind.Discover modern, responsive Cards templates built with React + Tailwind CSS. Ready to design in Subframe for your next project.
Browse all templates

Cards with image, title, and stats
Cards with list of items with action
Cards with list of avatars and button
Cards with large image, title, and description
Cards with small image, title, button, and metadata
Cards with large title, badge, icon, details, and action
Cards with large image, title, description, and actions
Cards with image, tagline, title, description, and badges
Cards with avatar, title, description, and inline actions
Cards with toggle switch, title, subtitle, and description
Cards with title, badge, and descriptive list of features
Cards with list of items with icon, image, title, and subtitle
Cards with list of avatars and footer with multiple buttons
Cards with large avatar, featured text, title, and description
Cards with right-aligned image avatar. description, and caption
Cards with avatar, title, subtitle, primary button, and dismiss icon
Cards with image, title, inline actions, description, and large button
Cards with a user header, large image, and description with title and caption
Cards with user header, action button, description text, and footer with caption
Callout card with icon
Detail card with large image
Compact cards with large title, user avatar, and metadata
Card with daily meeting events
Wizard card with multiselect progress
Detail card with item fields
Large card with user header, title, side by side image and stat list, alert, and action footer
Simple cards with a large icon, title, and description
Card with numbered checklist and form
Card with feature highlights
Card with color border
Quick start cards with color icons
Card with activity items
Checkout order card
Settings card with toggle switches
Card for transaction conversions
Card row with feature sections
Card with image, title, description, and caption
Kanban column
Detail card with icon
Large cards with floating image
Detail card with balance and large actions
Feedback cards with forms
Large section with cards
Grid section row of image cards
Card section with detailed list items
Simple horizontal card well with icon and link button
Callout cards carousel
Profile details card with large avatar and fields
Card with image grid
Callout card with avatars
Simple card with header and list
Callout card with badges
Card with large icon and CTA
Horizontal field card
Promo callout card
Detail card with title
Horizontal card with badges
Compact preview cards with links
Product card row
Meeting row card
Simple cards with a large icon, multiline text, and action
Profile cards with avatar, background image, and actions
Horizontal cards with title, subtitle, and icon button
Simple cards with large avatar, title, subtitle, and caption
Large cards with inset image, title, inline actions, description, and buttons
Stacked cards with large avatar, title, and emphasized description
Horizontal cards with image avatar, title, description, and metadata
Large cards with inset image, title, emphasized description, and pagination footer
Simple cards with title, description, and button
Horizontal cards with right-aligned image, title, and metadata
Social feed cards with user header, large image, toolbar, and comments
Detailed card with user header, short content, badges, and footer with actions and metadata
Simple horizontal cards with small image, title, and subtitle
Detailed cards with left-aligned image avatar. badges, description, and stats with metadata
Gallery cards with image, title, and subtitle
Large card with image text overlay, title, subtitle, and button
Text cards with title, description, and matedata
Simple card row with image
Simple horizontal cards with icon, title, and subtitle
Large cards with colorful icon, title, description, link, primary button, and caption footer
Integration card
Minimal cards with image, title, and metadata
Simple horizontal cards with cropped image and title
Simple card well with icon and action
Gallery cards with image, title, and metadata
Large image cards with text overlay
Task activity card with breadcrumbs
Alarm card module
Store product detail
Calendar event card module
Minimal about portfolio card
Accordion cards with radio cards
Simple pricing plan cards
Store shopping cart
Simple card list with large icons
Large feature card with logos dark
List cards with status or action
Chart cards with toggle controls
Dashboard with card sections and analytics
Document preview card with pagination
Transaction list with text items
Feature callout card
Large feature card with details
Marketplace listings home
Kanban card board
Crypto dashboard
Modern feature page
Modern about page
Home list with cards
Pricing cards page
Location card module
Stats cards with icon
Accordion card with stats
Activity timeline card
Accordion card with text description
Blog Home
Usage progress cards
Stat row card
Checkout payment card
Stats cards with badges
Card section elevated marketing
Pricing card section marketing
Dropzone card
Card with step status detail
Stats cards centered
Progress bar card
Card section marketing
Stats cards with percent change
Simple stats cards
Stats card section centered
Stats section marketing
Card section bento grid
Pricing cards with large headers
Stats cards with large heading
Stats with dividers
Card section well marketing
Dropzone on large card
Quick action cards
Meeting agenda schedule
Dashboard with tiles
Modern home page
Collection list page with cards
Email card module
Bold about page
Product detail page with sections
Social news feed
Bold feature page
Detail profile page with activity
Onboarding integration cards
Workflow shortcuts builder
Home dashboard grid sections
Accordion card
Document viewer with details
Profile detail with cards
File upload dropzone card with file list
Calendar detail timeline
Storefront detail
Table list two line items
Card with numbered steps and input
Large card with progress and detail cards
Callout section centered marketing
Callout section card centered marketing
Marketplace listing detail
Home chat screen
Detail view with ratings
Home dashboard with cards
Dashboard with analytics
Dashboard cards with stats
Chat message input with formatting toolbar
Collection grid with slideout detail view
Bold pricing page
Home dashboard with tile grid
Sign up card with value props
Details page with activity feed
Vertical stat card with large amount
Stats card section row
Integrations table with cards
Billing settings
Simple sign in card
Payments list
Stock dashboard with news
Profile page
App gallery module
Table with checkboxes and progress
Preferences configuration for chat
Billing with usage stats
Confirm payment card
Stock earnings detail cards
Create form with file upload
Insights dashboard
Plan subscription selection cards
Built in Subframe
ProductComponentsThemeTemplatesDocsPricing
CompanyBlogLinkedInX / TwitterGithub
ResourcesSlack communityHelp centerFor agenciesFor design systemsSubframe vs FigmaBuilt with Subframe