# Creator Studio Dashboard

<Card title="Followers & Growth">
<Stat label! value! change="+">12,345</Stat>
<Chart type="line" title="Follower growth (last 30 days)" x="Day" y="Followers">
| Day | Followers |
|---|---|
| 1 | 12000 |
| 2 | 12100 |
| 3 | 12200 |
| 4 | 12300 |
| 5 | 12400 |
| 6 | 12500 |
| 7 | 12600 |
| 8 | 12700 |
| 9 | 12800 |
| 10 | 12900 |
| 11 | 13000 |
| 12 | 13100 |
| 13 | 13200 |
| 14 | 13300 |
| 15 | 13400 |
| 16 | 13500 |
| 17 | 13600 |
| 18 | 13700 |
| 19 | 13800 |
| 20 | 13900 |
| 21 | 14000 |
| 22 | 14100 |
| 23 | 14200 |
| 24 | 14300 |
| 25 | 14400 |
| 26 | 14500 |
| 27 | 14600 |
| 28 | 14700 |
| 29 | 14800 |
| 30 | 14900 |
</Chart>
</Card>

<Card title="Engagement Rate">
<Stat label! value! change="0">4.5%</Stat>
</Card>

<Card title="Best Posts This Month">
<Chart type="bar" title="Top Posts by Reach" x="Post" y="Reach">
| Post | Reach |
|---|---|
| Post A | 150,000 |
| Post B | 120,000 |
| Post C | 95,000 |
| Post D | 80,000 |
| Post E | 65,000 |
</Chart>
</Card>

<Card title="Audience Split by Platform">
<Chart type="pie" title="Platform Distribution" x="Platform" y="Count">
| Platform | Count |
|---|---|
| Instagram | 5,000 |
| YouTube | 3,000 |
| TikTok | 2,000 |
| Twitter | 1,000 |
</Chart>
</Card>

<Card title="Scheduled Posts This Week">
<Steps>
<Step title="Teaser Post" status="todo" />
<Step title="Review Post" status="todo" />
<Step title="Launch Post" status="todo" />
</Steps>
</Card>

<Card title="Best Posting Hour">
<Chart type="area" title="Posts per Hour (last 30 days)" x="Hour" y="Count">
| Hour | Count |
|---|---|
| 8 | 120 |
| 9 | 95 |
| 10 | 80 |
| 11 | 70 |
| 12 | 60 |
| 13 | 55 |
| 14 | 50 |
| 15 | 45 |
| 16 | 40 |
| 17 | 35 |
| 18 | 30 |
| 19 | 25 |
| 20 | 20 |
| 21 | 15 |
| 22 | 10 |
| 23 | 5 |
| 24 | 2 |
| 25 | 1 |
| 26 | 0 |
| 27 | 0 |
| 28 | 0 |
| 29 | 0 |
| 30 | 0 |
</Chart>
<Stat label! value! change="0">8 AM</Stat>
</Card>

<Card title="Comments Awaiting Reply">
<Stat label! value! change="0">23</Stat>
</Card>

<Card title="Earnings This Month">
<Stat label! value! change="0">$8,200</Stat>
</Card>

<Card title="Pending Collaboration Requests">
<TextArea label! name placeholder="View details" rows="3" />
</Card>

<Card title="Schedule a Post">
<Form name="post-schedule">
<Input label! name placeholder="Write caption" type="text" />
<Input label! name placeholder="Select time" type="time" />
<Button variant="primary" href="#" size="medium" label="Schedule" />
</Form>
</Card>

<Card title="Filter by Platform">
<Select label! options="All | Instagram | YouTube | TikTok | Twitter" name placeholder="Select platform" />
</Card>