Shell Preview
Metric Cards
Total Views
12,847
Active Users
3,291
Bounce Rate
24.5%
Card Component
Every element earns its place through purpose, not decoration. The shell provides a stable, zero-CLS foundation for content.
Button Variants
Scroll Test
Scroll down to verify the sidebar and status bar remain fixed.
Content row 1 — The main content area scrolls while shell components stay fixed.
Content row 2 — The main content area scrolls while shell components stay fixed.
Content row 3 — The main content area scrolls while shell components stay fixed.
Content row 4 — The main content area scrolls while shell components stay fixed.
Content row 5 — The main content area scrolls while shell components stay fixed.
Content row 6 — The main content area scrolls while shell components stay fixed.
Content row 7 — The main content area scrolls while shell components stay fixed.
Content row 8 — The main content area scrolls while shell components stay fixed.
Content row 9 — The main content area scrolls while shell components stay fixed.
Content row 10 — The main content area scrolls while shell components stay fixed.
Content row 11 — The main content area scrolls while shell components stay fixed.
Content row 12 — The main content area scrolls while shell components stay fixed.
Content row 13 — The main content area scrolls while shell components stay fixed.
Content row 14 — The main content area scrolls while shell components stay fixed.
Content row 15 — The main content area scrolls while shell components stay fixed.
Content row 16 — The main content area scrolls while shell components stay fixed.
Content row 17 — The main content area scrolls while shell components stay fixed.
Content row 18 — The main content area scrolls while shell components stay fixed.
Content row 19 — The main content area scrolls while shell components stay fixed.
Content row 20 — The main content area scrolls while shell components stay fixed.