# Creator Studio Dashboard

<Select label="Platform" name="platform-filter" placeholder="All platforms" options="All platforms | Instagram | TikTok | YouTube | Twitter/X | LinkedIn" value="All platforms" />

<Columns>
<Card title="Followers" subtitle="Total across platforms">
<Stat label="Total followers" value="247,892" change="+12.4% vs last month" tone="success" icon="users" />
<Chart type="line" x="Week" y="Followers" title="Growth (30 days)">
| Week | Followers |
|---|---|
| W1 | 220,400 |
| W2 | 228,100 |
| W3 | 237,600 |
| W4 | 247,892 |
</Chart>
</Card>

<Card title="Engagement Rate">
<Stat label="Overall rate" value="4.8%" change="+0.3pp vs last month" tone="success" icon="chart-line" />
<Chart type="bar" x="Platform" y="Rate %" title="By platform">
| Platform | Rate % |
|---|---|
| Instagram | 5.2 |
| TikTok | 6.1 |
| YouTube | 3.8 |
| Twitter/X | 2.9 |
| LinkedIn | 4.5 |
</Chart>
</Card>

<Card title="Earnings This Month">
<Stat label="Total earnings" value="$12,847" change="+18.2% vs last month" tone="success" icon="chart-line" />
<Chart type="bar" x="Source" y="USD" title="Revenue breakdown">
| Source | USD |
|---|---|
| Sponsorships | 7,200 |
| Ad revenue | 3,100 |
| Affiliate | 1,547 |
| Digital products | 1,000 |
</Chart>
</Card>
</Columns>

<Columns>
<Card title="Audience Split by Platform">
<Chart type="donut" x="Platform" y="Followers" title="Follower distribution">
| Platform | Followers |
|---|---|
| Instagram | 98,400 |
| TikTok | 76,200 |
| YouTube | 42,800 |
| Twitter/X | 18,900 |
| LinkedIn | 11,592 |
</Chart>
</Card>

<Card title="Best Hour to Post">
<Stat label="Peak engagement" value="7:00 PM" change="Based on last 90 days" tone="info" icon="calendar" />
<Chart type="bar" x="Hour" y="Engagement %" title="Avg engagement by hour (local time)">
| Hour | Engagement % |
|---|---|
| 6 AM | 1.2 |
| 9 AM | 2.8 |
| 12 PM | 3.5 |
| 3 PM | 4.1 |
| 6 PM | 5.8 |
| 7 PM | 6.2 |
| 8 PM | 5.9 |
| 9 PM | 4.7 |
| 12 AM | 2.1 |
</Chart>
</Card>
</Columns>

<Columns>
<Card title="Best Posts This Month">
| Post | Platform | Reach | Engagement | Date |
|---|---|---|---|---|
| Behind-the-scenes reel | Instagram | 245K | 18.2K | Mar 3 |
| Tutorial: Lighting setup | TikTok | 189K | 14.7K | Mar 7 |
| Q&A: Creator economy | YouTube | 98K | 6.4K | Mar 12 |
| Hot take: Algorithm changes | Twitter/X | 67K | 3.2K | Mar 15 |
| Career advice carousel | LinkedIn | 34K | 2.8K | Mar 19 |
</Card>

<Card title="Posts Scheduled This Week">
<Steps>
<Step title="Productivity tips carousel" subtitle="Instagram • Mon 10:00 AM" status="done" />
<Step title="Day in the life vlog" subtitle="YouTube • Tue 2:00 PM" status="current" />
<Step title="Tool review: Editing apps" subtitle="TikTok • Wed 7:00 PM" status="todo" />
<Step title="Thread: Building audience" subtitle="Twitter/X • Thu 9:00 AM" status="todo" />
<Step title="Newsletter teaser" subtitle="LinkedIn • Fri 8:00 AM" status="todo" />
</Steps>
</Card>
</Columns>

<Columns>
<Card title="Comments Waiting for Reply">
<Stat label="Pending replies" value="23" change="8 need urgent response" tone="warning" icon="chat-circle" />
<Details title="View all 23 comments" open="false">
| Platform | Post | Comment | Time |
|---|---|---|---|
| Instagram | Lighting reel | "What ring light do you use?" | 2h ago |
| TikTok | Day in life | "Love your setup! Desk link?" | 4h ago |
| YouTube | Q&A video | "How long to edit this?" | 6h ago |
| Twitter/X | Algorithm thread | "Does this apply to Reels too?" | 1h ago |
| LinkedIn | Career carousel | "Great advice, thanks!" | 3h ago |
| Instagram | Lighting reel | "Settings for low light?" | 30m ago |
| TikTok | Tool review | "CapCut or Premiere?" | 5h ago |
</Details>
</Card>

<Card title="Pending Collaboration Requests">
<Stat label="Open requests" value="5" change="2 new this week" tone="info" icon="handshake" />
<Details title="View all 5 requests" open="false">
| Brand | Platform | Type | Status | Received |
|---|---|---|---|---|
| Lumix Cameras | Instagram + YouTube | Sponsored review | Negotiating | Mar 18 |
| Notion | TikTok + LinkedIn | Template partnership | Pending review | Mar 19 |
| Skillshare | YouTube | Course collab | New | Mar 20 |
| Rode Microphones | Instagram | Affiliate + gift | New | Mar 20 |
| Canva | Multi-platform | Creator fund | Under review | Mar 17 |
</Details>
</Card>
</Columns>

<Card title="Schedule a New Post">
<Form name="schedule-post">
<Select label="Platform" name="schedule-platform" placeholder="Choose platform" options="Instagram | TikTok | YouTube | Twitter/X | LinkedIn" required="true" />
<TextArea label="Caption" name="caption" placeholder="Write your caption... #creator #behindthescenes" rows="4" hint="Max 2,200 chars for Instagram, 4,000 for LinkedIn" required="true" />
<Date label="Date" name="schedule-date" required="true" />
<Input label="Time" name="schedule-time" type="time" required="true" />
<Checkboxes label="Cross-post to" name="crosspost" options="Instagram | TikTok | YouTube | Twitter/X | LinkedIn" hint="Adapt caption per platform automatically" />
<Button variant="primary" icon="calendar-plus">Schedule Post</Button>
<Button variant="tertiary">Save as Draft</Button>
</Form>
</Card>