Screens

Command palette activated by ⌘K. Real-time filtering, section grouping, keyboard shortcuts, and arrow-key navigation.

Multi-step onboarding flow with a step indicator, transition animations between screens, forward/back buttons, and a skip option.

Vertical event feed with avatar, event type icon, description, and timestamp. Supports grouping by date.

Full notification centre with grouping by type, mark-all-read, per-notification actions, and empty state.

Full user profile card with avatar, name, bio, stats row, and action buttons.

Settings row with a coloured icon square, title, optional subtitle, and a right-side control (chevron, toggle, or custom view).

Complete payment form with card number, expiry, CVV, billing address, and an order summary sidebar. Includes real-time card brand detection.

Responsive photo/video grid with a full-screen viewer, pinch-to-zoom, and swipe-to-dismiss. Supports lazy loading.

Message bubble with sent/received alignment, timestamp, delivery status indicators, and support for text, image, and audio messages.

Messages inbox row list with avatar, sender name, message preview, timestamp, and unread count badge.

Task item card with a completion checkbox, priority badge, due date, assignee avatars, and a label/tag row.

Horizontally scrolling kanban board with draggable cards between columns. Each column shows a card count and colour-coded header.

Monthly calendar grid with event dots, selected date highlight, and swipe-to-navigate months.

Full search screen with a sticky search bar, category filter chips, recent searches, and a results list with skeleton loading.

Full profile editing screen with avatar picker, name/bio fields, social links section, and a save button with loading state.

Composable dashboard screen with a greeting header, KPI metric row, line/bar chart, activity feed, and quick-action buttons.

Profile header card with avatar, name, bio, and stats.