Components / Docs
6 components you can copy and paste into your React or Next.js project. Each includes setup steps, source code, and a live preview.
6 ready to copy — open any card for full setup and source.
Customers
4 accounts
MRR$87/mo
| Customer | Plan | Last active | MRR |
|---|---|---|---|
 Bidyut Kundu Studio Dev | Team | 2h ago | $49 |
 Rupam Sen OUI Design | Pro | 1d ago | $19 |
Ava Chen Northwind | Pro | 3d ago | $19 |
Sofia Ortiz Harbor Labs | Free | 1w ago | — |
SaaS customer list with plan, last active, and MRR. Common billing dashboard table.
Free · copy & paste ready
Recent orders
Last 7 days
| Order | Customer | |||
|---|---|---|---|---|
| #3210 | Northwind Studio | Mar 8 | $248.00 | Fulfilled |
| #3209 | Harbor Labs | Mar 8 | $92.00 | Processing |
| #3208 | Elm & Co. | Mar 7 | $156.00 | Fulfilled |
| #3207 | Papertrail | Mar 6 | $64.00 | Cancelled |
| #3206 | Studio Nine | Mar 5 | $312.00 | Fulfilled |
E-commerce orders table — sort by date, total, or status. The standard admin dashboard orders view.
Free · copy & paste ready
Transactions
This month
| Description | Date | Amount |
|---|---|---|
| Payment from Northwind | Mar 8 | +$420.00 |
| AWS infrastructure | Mar 8 | −$31.20 |
| Stripe payout | Mar 7 | +$890.00 |
| Refund — Order #3207 | Mar 6 | −$64.00 |
| Client retainer | Mar 5 | +$250.00 |
Stripe-style transaction list with positive and negative amounts and simple pagination.
Free · copy & paste ready
Tasks
1 of 4 done
| Task | Assignee | Due | |
|---|---|---|---|
| Ship table components |  Bidyut Kundu | Today | |
| Review notification polish |  Rupam Sen | Tomorrow | |
| Update showcase copy | Ava Chen | Mar 12 | |
| Fix mobile layout | Sofia Ortiz | Mar 14 |
Project tasks with checkboxes, assignee avatars, and due dates. Tap to mark complete.
Free · copy & paste ready
Team members
4 people
| Member | Role | Status | |
|---|---|---|---|
Bidyut Kundu bidyut@studio.dev | Lead Engineer | Active | |
Rupam Sen rupam@studio.dev | Design Lead | Active | |
Ava Chen ava@studio.dev | Product | Active | |
Sofia Ortiz sofia@studio.dev | Research | Invited |
Team members with profile photos, email, role, and status. Uses /profile-picture.png and /woman.png avatars.
Free · copy & paste ready
Users
1 selected| Name | Role | ||
|---|---|---|---|
| Bidyut Kundu | bidyut@studio.dev | Admin | |
| Rupam Sen | rupam@studio.dev | Editor | |
| Ava Chen | ava@studio.dev | Viewer | |
| Sofia Ortiz | sofia@studio.dev | Editor |
Bulk-select users table with header checkbox and live selection count. Clean white admin pattern for permissions or exports.
Free · copy & paste ready
