StylexUI

Blocks
Theme BuilderComponentsTemplatesComing

Dashboard Widgets

Dynamic visual components for tracking real-time system events, usage quotas, and performance metrics.

PreviousNext

Widget 3

A resource distribution card showing system utilization percentages as a segmented progress bar and detailed usage metrics for Database, API Servers, and Background jobs.

npx shadcn@latest add https://stylexui.dev/r/dashboard-widget-3

Resource distribution
72%Total utilization
18%50%32%
9
Database
25
API Servers
16
Background jobs

Widget 5

A system limits card displaying resource usage like active database connections, egress bandwidth, daily requests, and log storage against plan quotas.

npx shadcn@latest add https://stylexui.dev/r/dashboard-widget-5

System Limits
Resource usage against plan quotas.
Critical Load
Daily RequestsResets in 4h 12m

81,512 / 100,000 reqs

x
Egress BandwidthResets in 4h 12m

45.2 / 100 GB

x
Active DB Connections

89 / 100 conns

x
Log Storage (Retention)

3.2 / 5 TB

x

Widget 4

An interactive regional analytics map card of Australia with territory selection, zoom/pan controls, and drawing capability.

npx shadcn@latest add https://stylexui.dev/r/dashboard-widget-4

Node Deployment Map
Interactive geographic view of active nodes
New South Wales154 nodes
Latency88ms

Widget 2

An interactive seat selector for cinema and aircraft cabin booking, featuring hover details, status indicators, and total price calculation.

npx shadcn@latest add https://stylexui.dev/r/dashboard-widget-2

Seat Booking
Select your preferred seats
Stage 4
Event
Hover seats to view details
Reserved
Standard ($12)
Preferred ($16)
VIP ($22)
Accessible ($10)
Selected
Selected Seats
0
Total Price
$0

Widget 1

A real-time activity stream displaying recent system events and errors in a chronological layout.

npx shadcn@latest add https://stylexui.dev/r/dashboard-widget-1

Live Console
Last 0 events