Source: https://tailwindcss.com/plus/ui-blocks/application-ui/layout/cards

Application Shells
Headings
Data Display
Lists
- Stacked Lists
- Tables
- Grid Lists
- Feeds
Forms
Feedback
- Alerts
- Empty States
Navigation
Overlays
Elements
- Avatars
- Badges
- Dropdowns
- Buttons
- Button Groups
Layout
Page Examples

5-day Mini-Course

Build UIs that don’t suck.

Short, tactical video lessons from the creator of Tailwind CSS, delivered directly to your inbox every day for a week.

Get the free course

Cards

Use these Tailwind CSS card components to break your dashboards, profile pages, or admin interfaces up into smaller cards and wells for things like charts, tables, or forms. These components are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Basic card

Preview

📄 tailwindcss/plus/ui-blocks/application-ui/layout/cards

Source: https://tailwindcss.com/plus/ui-blocks/application-ui/layout/cards

Application Shells

Headings

Data Display

Lists

Forms

Feedback

Navigation

Overlays

Elements

Layout

Page Examples

Build UIs that don’t suck.

Cards