Nucleux
GitHub Contact Us

Nucleux for iPhone Duo. The same agentic patterns. Now adapted for mobile.

Explore mobile patterns

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 Try the Playground

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
Playground

Describe an AI product.
Watch it build itself.

Nucleux picks the patterns your product needs and builds a live preview from the library.

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