# Creator Studio

Your cross-platform dashboard, all in one view. <Badge tone="success">Live</Badge>

<Card title="Overview">
<Columns>
<Stat label="Total followers" value="248,392" change="+3.2%" tone="success" icon="users" note="past 30 days" />
<Stat label="Engagement rate" value="4.8%" change="+0.6 pts" tone="success" icon="chart-line" note="past 30 days" />
<Stat label="Earnings this month" value="$12,480" change="+18%" tone="success" icon="currency-circle-dollar" note="vs. last month" />
</Columns>
<Sparkline label="Followers" values="240,100 | 241,800 | 243,200 | 244,100 | 245,600 | 246,900 | 248,392" value="248,392" change="+3.2%" />
</Card>

<Card title="Follower growth — past 30 days">
<Chart type="line" x="Week" y="Followers">
| Week | Followers |
|---|---|
| W1 | 240,100 |
| W2 | 243,200 |
| W3 | 245,600 |
| W4 | 248,392 |
</Chart>
</Card>

<Card title="Best posts this month">
| Post | Platform | Reach |
|---|---|---|
| "Behind the scenes: my studio setup" | Instagram | 82,400 |
| "5 tools I can't live without" | TikTok | 61,200 |
| "Q&A: answering your top questions" | YouTube | 47,800 |
| "Day in the life vlog" | YouTube | 39,500 |
</Card>

<Card title="Audience split by platform">
<Chart type="donut" title="Followers by platform">
| Platform | Followers |
|---|---|
| Instagram | 104,000 |
| TikTok | 89,000 |
| YouTube | 42,000 |
| X (Twitter) | 13,392 |
</Chart>
</Card>

<Card title="Posts scheduled this week">
<Agenda title="This week's schedule">
| Time | Post |
|---|---|
| Mon 9:00 AM | Instagram Reel: "Morning routine" |
| Tue 6:00 PM | TikTok: "Quick tip #47" |
| Wed 12:00 PM | YouTube Short: "Behind the scenes" |
| Thu 7:00 PM | X: "Thread: my workflow" |
| Fri 5:00 PM | Instagram: "Weekend plans" |
</Agenda>
</Card>

<Card title="Best time to post">
<Callout tone="info" title="Based on your history">Your audience is most active **Wednesdays at 6:00 PM** — average engagement 6.2%, 28% above your baseline.</Callout>
<Chart type="bar" title="Engagement by hour (all platforms)" x="Hour" y="Engagement %">
| Hour | Engagement % |
|---|---|
| 8 AM | 3.1 |
| 10 AM | 4.2 |
| 12 PM | 4.8 |
| 2 PM | 4.1 |
| 4 PM | 4.9 |
| 6 PM | 6.2 |
| 8 PM | 5.4 |
| 10 PM | 3.8 |
</Chart>
</Card>

<Card title="Comments waiting for reply">
<Columns>
<Card title="Latest comments">
| Comment | Platform | Time |
|---|---|---|
| "Love this! More please 🙌" | Instagram | 12 min ago |
| "How do you edit this?" | TikTok | 1 hr ago |
| "Great tip, trying it today!" | YouTube | 3 hrs ago |
| "What camera do you use?" | Instagram | 5 hrs ago |
</Card>
<Card title="Reply to comment">
<Form name="reply-comment">
<Select label="Comment" options="Love this! More please 🙌 | How do you edit this? | Great tip, trying it today! | What camera do you use?" placeholder="Pick a comment" />
<TextArea label="Your reply" placeholder="Type your response…" hint="Keep it friendly and on-brand" />
<Button>Send reply</Button>
</Form>
</Card>
</Columns>
</Card>

<Card title="Pending collaboration requests">
| Brand | Platform | Offer | Status |
|---|---|---|---|
| Glow Cosmetics | Instagram | $3,500 + products | Awaiting your reply |
| FitTrack | TikTok | $2,000 + gear | Awaiting your reply |
| TechHive | YouTube | $5,000 | Awaiting your reply |
</Card>

<Card title="Schedule a post">
<Form name="schedule-post">
<Input label="Caption" placeholder="Write your caption here…" hint="Up to 2,200 characters" />
<Date label="Date" />
<Time label="Time" min="08:00" max="22:00" hint="Best time: 6:00 PM" />
<Select label="Platform" options="Instagram | TikTok | YouTube | X (Twitter)" placeholder="Pick a platform" />
<File label="Media" accept="image/* | video/*" multiple="true" hint="Images or video up to 4K" />
<Button>Schedule post</Button>
</Form>
</Card>

<Card title="Filter by platform">
<Callout tone="info" title="Narrow your view">Choose a platform to see its followers, engagement, best posts, earnings, and schedule — all filtered.</Callout>
<Radio label="Show only" options="All platforms | Instagram | TikTok | YouTube | X (Twitter)" name="platform-filter" />
<Button>Apply filter</Button>
</Card>

<Card title="Earnings this month">
<Chart type="area" title="Earnings by week" x="Week" y="USD">
| Week | Earnings |
|---|---|
| W1 | 2,800 |
| W2 | 3,100 |
| W3 | 3,400 |
| W4 | 3,180 |
</Chart>
<KeyValue title="Breakdown">
| Source | Amount |
|---|---|
| Brand deals | $8,000 |
| Ad revenue | $2,900 |
| Affiliate | $1,580 |
| **Total** | **$12,480** |
</KeyValue>
</Card>

<Card title="Collaboration requests">
<Columns>
<Card title="Glow Cosmetics">
<KeyValue title="Details">
| Field | Value |
|---|---|
| Platform | Instagram |
| Offer | $3,500 + products |
| Deliverables | 1 Reel + 1 Story |
| Deadline | Oct 30 |
</KeyValue>
<Button variant="primary">Accept</Button>
<Button variant="secondary">Decline</Button>
</Card>
<Card title="FitTrack">
<KeyValue title="Details">
| Field | Value |
|---|---|
| Platform | TikTok |
| Offer | $2,000 + gear |
| Deliverables | 2 TikToks |
| Deadline | Nov 5 |
</KeyValue>
<Button variant="primary">Accept</Button>
<Button variant="secondary">Decline</Button>
</Card>
<Card title="TechHive">
<KeyValue title="Details">
| Field | Value |
|---|---|
| Platform | YouTube |
| Offer | $5,000 |
| Deliverables | 1 video (10 min) |
| Deadline | Nov 12 |
</KeyValue>
<Button variant="primary">Accept</Button>
<Button variant="secondary">Decline</Button>
</Card>
</Columns>
</Card>

<Card title="Your week at a glance">
<Checklist title="This week's tasks" name="weekly-tasks">
- [x] Post Monday's Reel
- [ ] Film Tuesday's TikTok
- [ ] Edit Wednesday's Short
- [ ] Reply to all comments
- [ ] Confirm collaboration with Glow
- [ ] Schedule Friday's post
</Checklist>
</Card>

<Button variant="primary" icon="calendar">Open calendar</Button>
<Button variant="secondary" icon="share-network">Share analytics</Button>