The Prompt
Create a Dashboard example with stats, charts, and activity feeds.
Layout: Responsive grid with multiple sections
- Top row: 4 stat cards with icons, values, trends, and progress bars
- Middle row: Performance overview with mini charts + Recent activity timeline
- Bottom rows: Task list with checkboxes + Team members list + Recent orders table
Include realistic mock data for a SaaS product. Use gradient backgrounds on cards for visual interest. Make stats interactive where appropriate (e.g., task checkboxes toggle).
Style: Use design tokens throughout. Clean, professional, data-rich but not overwhelming.
Weekly Sales
Mon → Sun
78%
of goal
Monthly Target
User Growth
7 days ago → Today
Avg. Order Value
$ 127.5
Customer Lifetime
$ 847
Return Rate
2.4 %
NPS Score
72
New user registered
Sarah Chen • 2 min ago
Order #1234 completed
System • 15 min ago
Low inventory alert
System • 1 hour ago
Payment received
Mike Johnson • 2 hours ago
Report generated
Emily Davis • 3 hours ago
Team member invited
Alex Thompson • 4 hours ago
40%
Review Q4 marketing budget
highPrepare client presentation
highUpdate documentation
mediumTeam standup meeting
lowCode review for PR #142
mediumSarah Chen
Product Lead
Mike Johnson
Developer
Emily Davis
Designer
Alex Thompson
Developer
Jordan Lee
QA Engineer
| Order | Customer | Product | Amount | Status | Time |
|---|---|---|---|---|---|
| ORD-001 | SC Sarah Chen | Enterprise Plan | $2,400 | Completed | 2 min ago |
| ORD-002 | MJ Mike Johnson | Pro Plan | $799 | Processing | 15 min ago |
| ORD-003 | ED Emily Davis | Starter Pack | $199 | Completed | 1 hour ago |
| ORD-004 | AT Alex Thompson | Enterprise Plan | $2,400 | Pending | 2 hours ago |
| ORD-005 | LW Lisa Wang | Pro Plan | $799 | Completed | 3 hours ago |