The Nexus ReGen design system

Build with the Nexus design system.

Explore the components, patterns and examples behind Nexus products. Find what you need, see it in action and make it your own.

Browse components Read the docs

90UI components 99Composed blocks 52AI Elements 9Brand themes

Get started in two lines

Point your components.json at the registry, then install the theme first. Each command vendors the source straight into your project. Full setup guide →

$bunx shadcn@latest add @nx-ui/theme

$bunx shadcn@latest add @nx-ui/button

See it working

Full-screen examples and flagship surfaces, each assembled entirely from nx-ui blocks and components.

Control Room

The showpiece — a live operations room with an animated route map, active-movement rail, updating KPIs, an AI copilot and an activity ticker.

Marketplace

A full map of 4,935 real UK waste facilities — faceted filters, a virtualised listings panel, clustering with spiderfy and travel-time reach filtering.

Scoped app shell

The org ▸ project shell in full: scope breadcrumbs, a sliding two-level nav, a projects card grid and the app-family switcher.

AI chat

A complete chat surface assembled from the AI Elements — conversation, streamed messages, reasoning, tools, sources, suggestions and composer.

Theme & brand picker

One two-layer theme, nine brand variants. Switch the whole surface at runtime — try Appearance in the header, or read how the tokens flip.

Documentation

How to set up a consumer repo, wire the registry, install the theme, use the brand variants, and contribute back to nx-ui.

Browse the library

Every family in the registry, each demonstrated in both light and dark mode.

Foundations

The design tokens beneath every component — colour, type, elevation and iconography.

Components

The shadcn base-vega UI primitives, from Accordion to Tooltip — restyled Nexus.

Blocks

The nx app-shell family — composed, opinionated blocks that make the gallery itself.

Tables

Advanced data tables built on TanStack Table.

Charts

Recharts examples on nx-ui chart tokens.

Domain

Nexus domain components — EWC codes, materials, locations, project scope.

Examples

End-to-end example screens assembled from nx-ui blocks and components.

Patterns

Marketing and landing-page blocks — heroes, sections, backdrops, social proof.

Conversational and agentic UI surfaces — chat, composer and message primitives.

Maps

Geospatial surfaces and map-centric components.

Marketplace

The componentised marketplace map — listings, filters, clustering and travel-time tools.

Docs

The nx-ui Docs showcase.