Blocks

The nx-ui Activity Feed block.

Breadcrumb navigation styled for the nx app shell.

The nx application shell: fixed sidebar, main content card and page chrome, with an optional top bar carrying scope breadcrumbs and actions above the page card.

The nx-ui App Sidebar block.

The sidebar-header launcher for the Nexus app family: a grid popover of product tiles (NxAppIcon tones) with the active app marked and coming-soon entries disabled.

The sign-in surface — a LoginForm card (email, password, remember me, forgot-password link, social sign-in, sign-up prompt) plus split-screen and centred-card page layouts.

The account-recovery flow as composable cards — forgotten-password request, check-your-email confirmation, new-password reset and an OTP verification step — sharing one idiom with a back-to-login link.

The account-creation surface — name/email/password with a live strength meter and requirements checklist, terms acceptance, social sign-up and a sign-in prompt.

The nx-ui Avatar Group block.

A props-driven event calendar with month, week, day and agenda views — capped event chips with an overflow popover, overlap-aware hour-gridded time columns, all-day and multi-day spanning bars, a live current-time line and optional pointer drag-to-move.

The nx-ui Device Mockup block.

A full empty-state layout combining a featured icon, message and call to action.

Full-page error and status surfaces — 404, 500, maintenance and access-denied variants with a display-scale code, featured icon, copy, up to two CTAs, an optional backdrop and a search slot.

The Untitled-UI-style icon-in-a-decorative-container, used atop empty states and alerts.

The nx-ui Filter Bar block.

A generic kanban board styled to the Untitled UI look: colour-coded columns with count badges, WIP-limit indication and overflow-menu slots, slot-based cards carrying badges, assignee avatars and due dates, and pointer drag-and-drop with a floating ghost and live drop indicator — fully keyboard-operable with aria-live announcements.

A styled media player shell — a poster with a centred featured-icon play overlay, a native video wrapped in a UUI-styled control bar (scrubber, time, volume, fullscreen), and a MediaThumbnail sibling that opens the film in a dialog.

The nx-ui Metric Card block.

A bell trigger with an unread badge opening a 420px popover inbox: All/Unread/Archived tabs, rows date-grouped under sticky blurred headers, a scroll fade, hover quick actions, inline invite decisions, mark-all-read and per-tab empty states. Exports NotificationRow for standalone feeds.

The Nexus ReGen logotype (emblem, lockup and wordmark), drawn inline as vector paths and coloured by token so it flips correctly with the theme.

A setup-progress card — overall progress bar, ordered step rows with done/current/locked states, a collapsible completed group, a dismiss control and a compact variant for docking in a sidebar.

A control for switching between organisations within the app shell.

A consistent page header with title, description and actions.

Marketing pricing surface — tier cards with a highlighted popular plan, a monthly/annual billing toggle that swaps per-period prices, and a features-by-plans comparison-table variant with tick/dash cells.

The two-level sliding sidebar navigation: workspace-level nav and per-project nav with a Back-to-all-projects row, sliding between levels as a project enters or leaves scope.

A scroll container with top/bottom token-gradient fades that appear while more content exists in that direction, plus an optional click-to-scroll 'more below' indicator pill — built for long sidebar navs and list panels.

The settings-page kit: a responsive shell with sticky side tabs on desktop and a native select on mobile, a two-column label/control section idiom, and reference sections for profile, notifications, team management and destructive actions.

The nx-ui Sidebar Nav block.

A control for switching between light, dark and system colour themes.

An account menu with organisation switching, theme toggle and sign-out, shown in the app shell.