Nucleux
GitHub Contact Us

One pattern library for the
teams in Enterprise.

Nucleux is the pattern library for the product manager, UX/UI designers and tech lead — so the agents look, behave and scale consistently across every product.

Open pattern library

A pattern library lives inside one of four moments in an AI experience.

Each stage opens a different design conversation. The library is organised against this map so the right pattern is always one click away.

Onboarding
Orientation before real use — disclosure, identity, and what the system can actually do.
3 categories · 12 patterns
Initially
First touch, first prompt — the moment the user actually engages, before they trust it.
4 categories · 24 patterns
During interaction
Active use and recovery — output, processing, refinement, and what happens when it slips.
6 categories · 37 patterns
Over time
The long-term relationship — what the system remembers, what changes, what stays.
4 categories · 11 patterns
Scenario

AI Powered meeting summariser,
built as real agents.

Every UX/UI of meeting summariser agents, built with the @nucleux/react component library.

Meeting summariser scenario Initially · Entry Points
Open Input
Free-form text box for any natural-language ask.
View Pattern
During Interaction · Task & Agent Management
Task Creation
The AI converts a prompt or conversation into discrete, actionable task items.
View Pattern
During Interaction · Output & Processing
Summary
Condense long content into executive-readable takeaways.
View Pattern
Initially · Prompt Scaffolds
Suggestions
Quick-action chips that reduce friction at the input.
View Pattern
See all scenarios See it in action
Labs

The motion and type behind the patterns.

Nucleux is more than components — it's the interaction feel, the type system and the landing-page moves that make an agentic product read as one thing. The Labs are the live playground for those behaviours, restyled in this design language.

Interaction Lab · BOLD

Bold, scroll-driven landing interactions — magnetic actions, reveals and motion.

Typography & Heroes

The full type catalog and hero lockups built on the Nucleux scale.

Typography Lab

A working bench for type — weights, sizes, pairings and kinetic treatments.

Hero Gallery

Landing hero layouts — centered, split and editorial variations.

Day Cycle

Ambient time-of-day theming that follows the user's clock.

Hand Animation

A hand-wave greeting loop for onboarding and empty states.
Open the Labs