Examples

Examples

Standalone examples of the Across UI Kit in action. These pages open in a new window to demonstrate the kit in a full-page context.

Real-World Examples

Complete page examples demonstrating how Across UI components work together in production scenarios. Each example combines 8-15 components in realistic layouts.

Settings

Available

Comprehensive settings interface with profile management, account security, notifications, appearance, privacy controls, and danger zone.

COMPONENTS USED
Input Textarea Select Switch Radio Checkbox Modal Button

Dashboard

Available

Data-rich homepage with metric cards, tables, progress bars, and team activity demonstrating dashboard patterns.

COMPONENTS USED
Card Table Progress Badge Avatar Button Group

Task Management

Available

Project and task organization interface with tabs, filtering, search, priority badges, and interactive card layouts.

COMPONENTS USED
Card Tabs Checkbox Badge Avatar Modal Empty State

User Profile

Available

Public user profile page with avatar, bio, activity feed, tabs, accordion, and team sidebar.

COMPONENTS USED
Avatar Card Tabs Accordion Badge Progress Empty State

Data Table

Available

Advanced data browsing interface with filters, status badges, row selection, and pagination controls.

COMPONENTS USED
Data Table Checkbox Badge Button