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; full mobile screens live in @nexub/react-native/patterns.
Data
Metric display card showing a KPI value, label, optional delta, and icon.
Search + filter toolbar pattern for data-heavy list or table views.
Chronological list of activity events with avatar, description, and timestamp.
Key–value list for displaying structured metadata or details.
Auth
Authentication layout pattern. Wraps sign-in, sign-up, and reset flows in a centered card.
People
User profile card displaying avatar, name, role, and optional actions.
Marketing
Pricing plan card with feature checklist, badge, and CTA button.
Layout
Grouped settings panel with title, description, and action area.
The list-detail layout: side by side at 720px+ of its own width (a container query), one pane at a time below.
A grid of card tiles in mixed sizes. Responds to its own width: 1 column, 2 at 480px, 4 at 768px.
Navigation
Visual progress indicator for multi-step flows like onboarding or checkout.
Feedback
Single notification row for notification panels or dropdowns.
Forms
Lists a form’s errors after a failed submit, with a link to each field. useFormErrors wires the fields to their messages.
AI
Chat layout: a scrolling message list that follows new content, with a sticky composer underneath.