Overview dashboard 👋
Welcome back! Here's what's happening with your workspace.
Revenue analytics
Monthly performance overview · sample data
Recent activity
Latest workspace events
Recent customers
Your latest customer activity · demonstration data
| Customer | Plan | Amount | Status |
|---|---|---|---|
| JD Jordan Davis | Pro Plan | $89.00 | Active |
| AS Alexis Smith | Starter | $29.00 | Active |
| MR Morgan Reed | Enterprise | $249.00 | Pending |
Component library
Practical building blocks for modern products.
Buttons & variants
Different hierarchy and intent.
Form inputs
Try the form validation below.
Badges & progress
Switch & modal
Tabs
Card component
Use reusable cards to group related information across dashboards, settings, and forms.
Design system
Shared tokens keep interfaces cohesive and maintainable.
Semantic palette
Type scale & radius
Display heading
Section heading
Body typography uses system fonts for a clean, fast-loading interface.
Interactive playground
Adjust the accent, toggle themes, test controls, and preview states.
Try interactive UI
Color & theme playground
Use the color dots in the top bar to customize the accent. Toggle the theme using the Theme button.
Developer documentation
This standalone index.html is a static demo, separate from the React source in react-app/.
Run the React + Tailwind app
Open your terminal in react-app/ and run:
cd react-app npm install npm run dev
Open the local address displayed by Vite.
Build for production
cd react-app npm run build
Demo content uses fictional sample data. Use a license appropriate for your distribution terms.