Library

Patterns

Patterns are higher-level, brand-agnostic composites built from @nexub/react primitives. They solve common SaaS UI problems — auth flows, stat dashboards, settings pages — out of the box. Available from @nexub/patterns.

Data

StatCard

Pattern

Metric display card showing a KPI value, label, optional delta, and icon.

FilterBar

Pattern

Search + filter toolbar pattern for data-heavy list or table views.

ActivityFeed

Pattern

Chronological list of activity events with avatar, description, and timestamp.

InfoList

Pattern

Key–value list for displaying structured metadata or details.

Auth

AuthCard

Pattern

Authentication layout pattern. Wraps sign-in, sign-up, and reset flows in a centered card.

People

UserCard

Pattern

User profile card displaying avatar, name, role, and optional actions.

Marketing

PlanCard

Pattern

Pricing plan card with feature checklist, badge, and CTA button.

Layout

SettingsSection

Pattern

Grouped settings panel with title, description, and action area.

Navigation

StepIndicator

Pattern

Visual progress indicator for multi-step flows like onboarding or checkout.

Feedback

NotificationItem

Pattern

Single notification row for notification panels or dropdowns.