StylexUI

Blocks
Theme BuilderTransitions
ComponentsTemplates

StyleX Free Blocks

Grab these free StyleX blocks to build faster. Drop dashboards, layouts, and marketing sections into your code.

HomeNext

Chart 6

A card showing transactions over time with a badge metric, stacked bar chart, and detailed transaction summary status grid.

npx shadcn@latest add @stylexui/dashboard-chart-6

Chart 5

A stacked bar chart visualizing monthly profit and loss amounts with interactive tooltips and custom striped indicators.

npx shadcn@latest add @stylexui/dashboard-chart-5

Chart 4

A circular chart illustrating revenue distribution across different marketing acquisition and sales channels.

npx shadcn@latest add @stylexui/dashboard-chart-4

Chart 3

A dynamic chart tracking revenue trends and performance with interactive cursor details and tooltips.

npx shadcn@latest add @stylexui/dashboard-chart-3

Loading preview...

Chart 2

A visual representation of web traffic volume and request spikes across different time periods.

npx shadcn@latest add @stylexui/dashboard-chart-2

Chart 1

An interactive chart visualizing system logs over time with data tooltips and active hover states.

npx shadcn@latest add @stylexui/dashboard-chart-1

Loading preview...

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 @stylexui/dashboard-widget-2

Analytics 4

A campaign goals progress tracking widget displaying marketing completion percentages with inline metrics.

npx shadcn@latest add @stylexui/app-analytics-4

Analytics 3

A comparison widget displaying revenue distribution between paid acquisition and organic search channels with a dual progress bar.

npx shadcn@latest add @stylexui/app-analytics-3

Analytics 2

A statistics card displaying user retention and goal completion progress bars with status badges and options dropdown menu.

npx shadcn@latest add @stylexui/app-analytics-2

Analytics 1

A weekly audience growth statistics widget showcasing active readers and email leads, complete with a highlighted weekly bar chart.

npx shadcn@latest add @stylexui/app-analytics-1

Education 1

A course syllabus tracker widget showing current module completion status and collapsible chapter item cards.

npx shadcn@latest add @stylexui/app-education-1

Project 3

A project task card displaying priority status, task details, assignee, and calendar due date.

npx shadcn@latest add @stylexui/app-project-3

Finance 1

A visual commodities portfolio tracker showcasing gold, silver, and crude oil allocations with an integrated segmented bar chart and detailed item metrics.

npx shadcn@latest add @stylexui/app-finance-1

Health 1

A weekly habit and streak tracking widget displaying current and longest streaks with a status grid.

npx shadcn@latest add @stylexui/app-health-1

Promo 1

An attention-grabbing card encouraging users to unlock premium analytics features and historical data access.

npx shadcn@latest add @stylexui/layout-promo-1

Stat 4

A statistic card featuring a primary metric value, trend indicator, and a responsive area sparkline chart.

npx shadcn@latest add @stylexui/dashboard-stat-4

Stat 3

A stat card displaying a metric with icon, trend indicator, and monthly goal progress.

npx shadcn@latest add @stylexui/dashboard-stat-3

Stat 2

A detailed dashboard card highlighting total revenue with trend indicators and percentage growth.

npx shadcn@latest add @stylexui/dashboard-stat-2

Stat 1

A minimal statistic card displaying total log counts with a clean, numerical layout.

npx shadcn@latest add @stylexui/dashboard-stat-1

Widget 1

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

npx shadcn@latest add @stylexui/dashboard-widget-1

Table 3

Structured table layout for managing team members, showing profile details, roles, departments, account status, and recent activity.

npx shadcn@latest add @stylexui/dashboard-table-3

Loading preview...

Table 1

A clean data table listing system events with timestamp, severity, and message columns.

npx shadcn@latest add @stylexui/dashboard-table-1

Hero 1

A premium marketing hero block for educational courses featuring interactive progress track selectors, graduate avatar groups, and statistics summary cards.

npx shadcn@latest add @stylexui/marketing-hero-1

Loading preview...

Features 1

A premium developer features grid highlighting edge deployments, serverless DB pooling, and real-time Recharts monitoring.

npx shadcn@latest add @stylexui/marketing-features-1

Loading preview...

Testimonials 1

An interactive client testimonials block featuring tabbed categorization (e.g., startups vs enterprise), custom metrics display, and trust rating social proof in the footer.

npx shadcn@latest add @stylexui/marketing-testimonials-1

Loading preview...

Features 4

A clean marketing features grid outlining sprint management, milestones, and project blueprints.

npx shadcn@latest add @stylexui/marketing-features-4

Loading preview...

Notification Dialog 1

A popover-based notification dialog showing recent notifications, unread badge indicator, and quick actions.

npx shadcn@latest add @stylexui/layout-notification-1

Profile Dropdown Menu 1

A dropdown menu for user profile options showing user details, account settings, billing, notifications, and sign out.

npx shadcn@latest add @stylexui/layout-profile-1

Language Selector Widget 2

A dropdown menu for selecting language/country with country flag indicator.

npx shadcn@latest add @stylexui/layout-widget-2

Stats

StylexUI

Production-ready StyleX components with zero runtime CSS, Base UI primitives, and agent-ready code.

support@paceui.com

Products

BlocksComponentsTemplatesTheme BuilderTransitions

Resources

DocumentationMotion Components

Pricing & Account

PricingManage AccountLicensesAPI Keys

Company

Contact UsDiscord CommunityPrivacy PolicyTerms of Service

© 2026 StyleX UI. All rights reserved. By PaceUI

STYLEXUI

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
Weekly Traffic
Low
High
00-0303-0606-0909-1212-1515-1818-2121-24
MonTueWedThuFriSatSun
Campaign Goals
Average 70% completed
Search Ads

Paid Acquisition

x
85%
Social Media

Brand Growth

x
74%
Email Campaigns

User Retention

x
92%
Referral Program

Viral Loops

x
41%
SEO Optimization

Organic Traffic

x
58%
Statistics
User Retention1.2k new cohorts
x
+8.2%78%
Goal Completions3.2k completed goals
x
+15k62%
3/5Advanced Frontend Architecture
Master modern build configurations, scalable monorepo architectures, high-performance state layers, and automated release strategies.
60% done2 weeks left
x
1
Monorepos and Package Managers
8 tasks
2
Vite and Modern Build Tooling
3 tasks
3
Advanced React Concepts
6 tasks
4
State Management and Querying
2 tasks
5
CI/CD and Automated Testing
4 tasks
MediumPlanned
Implement multi-factor authentication
Add support for authenticator apps (TOTP) and SMS verification in the user settings dashboard.
ER
Elena RostovaAssignee
Due Jun 30
Secure Vault

$87,420

Total holdings valuation

+3.45%
Allocation100% Total
x
Bitcoin

BTC • 1.5% APY

$64,250.004.85%
Ethereum

ETH • 4.2% APY

$3,450.002.10%
Solana

SOL • 7.5% APY

$145.001.25%
Weekly Streak
Learning Habit Tracker

7 Days

Longest Streak10 days
01
02
03
04
05
06
07
08
09
10
Pro Feature
Unlock Advanced Analytics
Gain deeper insights into customer behavior and retention trends.
Unlimited historical data
Export reports to CSV/PDF
AI-powered forecasting
Active Customers
12,480
+8.4%vs. last month
Goal progress82%
x
Gross Revenue
$7,142,480
+12.5%
Record high
vs. $6,300,368 last month
Total Throughput
45.2k RPM
+5.2%
Live Console
Last 0 events
Waiting for incoming requests...
Recent Requests
A list of the latest API calls to your project.
MethodEndpointStatusTimeDuration
GET/v1/users200just now12ms
POST/v1/auth/login20115 mins ago45ms
DELETE/v1/billing4042 hours ago8ms
PATCH/v1/settings500Yesterday102ms
GET/v1/settings201Last week64ms
Revenue Overview
$54.8k+14.6%
Paid Acquisition
58.2%$31,893
VS
Organic Search
41.8%$22,907
Customers Segment
+430 new
5,910
5,480 previous period
1,420
Premium
3,840
Basic
650
Trial
Audience Growth
Weekly subscription trends

3,758

Total weekly active subscribers

+18.4%
Active Readers

Premium members

2,84014.2%
Newsletter Leads

Email campaigns

91832.1%
Customer Growth
View new customer signups and churn over time
Sales by Channel
Distribution of sales across acquisition channels
Direct
5,200
Social
3,800
Organic
2,500
User Activation
64.2%
+4.8%vs last month