Card
Sign in to your account
Enter your email below to continue.
pnpm dlx shadcn@latest add @sortui/cardUsage
import {
Card,
CardHeader,
CardFooter,
CardTitle,
CardAction,
CardDescription,
CardContent,
} from "@/components/ui/card"Examples
With image
Lakeside cabin in Hallstatt9.4/10
Entire cabin · 2 guests · 1 bedroom
A timber cabin on the shore of the lake with a wood stove, a private jetty and mountain views from the deck. The village is a ten-minute walk away.
$180night
Stats
Steps
8,432
+12%
Goal: 10,000 steps
Calories
1,920
+4%
Burned today
Sleep
7h 20m
−6%
Last night
With action
Upcoming bills
3 payments due in the next 14 days
- ElectricityDue Sep 28$64.20
- Home internetDue Oct 1$45.00
- Music PremiumDue Oct 5$10.99
Total due$120.19
Settings
Email notifications
Choose what we send to your inbox.
Shipping and delivery status.
When items on your wishlist go on sale.
A short list of new arrivals we love.
Payments grid
Payments
Received and paid in the last 30 days
- Oct 2Northwind Studio+$1,200.00
- Oct 1Lumen Labs+$860.00
- Sep 30Cloud hosting$24.00
- Sep 29Paperleaf+$340.00
Feature cards
Import assistant
Bring over existing projects from a CSV file or another tracker.
Roadmaps
Plan the quarter's work and follow progress across teams.
Saved views
Filter issues once and share the view with your team.
Triage
Sort requests from support and forms before they reach a team.
File cards
Q4 budget
YYou edited · Oct 2
Valley at dusk
YYou opened · Sep 26
