Components / Dashboard Cards

Reusable Card Designs

Copy any card into your dashboards — every block is plain HTML + Tailwind, no extra JS needed.

Stat & KPI Cards

Classic Stat

▲ 12.4%

₹8.4L

Monthly Revenue

Use for: revenue, orders, subscribers KPIs

Gradient Stat

Broadcasts Sent

1,24,380

+18% vs last month

Use for: hero KPI on dark or marketing dashboards

Stat + Mini Bars

Messages This Week

9,412

Use for: weekly trends, message volume

Progress KPI

Contact Quota

18,240 / 25,000

73% used — consider upgrading soon

Use for: quota usage, broadcast limits, storage

Horizontal Stat

312 chats

Open conversations right now

Live

Use for: compact KPI rows, mobile dashboards

Comparison Card

Campaign Reach

42.1K

This month

35.8K

Last month

▲ 17.6% growth

Use for: month-over-month, A/B campaign results

Content Cards

Profile Card

Rahul Mehta

Senior Support Agent

148

Chats

96%

CSAT

2m

Avg reply

Use for: team members, agents, customers

Action Card

Send a Broadcast

Reach up to 25,000 opted-in contacts with one campaign.

Use for: quick actions, empty-state CTAs

List Card

Top Campaigns

DB

Diwali Blast

12,400 sent

₹4.2K
WE

Weekend Offer

8,920 sent

₹3.1K
NC

New Collection

6,150 sent

₹2.4K

Use for: recent campaigns, top templates, activity

Alert Card

Template limit almost reached

You have used 92 of 100 WA templates. Archive old ones or upgrade to Business.

Use for: warnings, quota notices, system states

Special Cards

Glass Card

Pro Workspace

Unlock AI reply drafts

Let the assistant write first responses for your agents.

Use for: hero widgets, promo panels over gradients

Dashed Placeholder

Add widget

Pick from 20+ dashboard blocks

Use for: add-widget slots, upload dropzones

Tip: every card uses the shared bg-surface / shadow-soft / rm-card-hover tokens, so dark mode and all 5 color themes work automatically.