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.
Each stage opens a different design conversation. The library is organised against this map so the right pattern is always one click away.
Every UX/UI of meeting summariser agents, built with the @nucleux/react component library.
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.
Bold, scroll-driven landing interactions — magnetic actions, reveals and motion.
The full type catalog and hero lockups built on the Nucleux scale.
A working bench for type — weights, sizes, pairings and kinetic treatments.
Landing hero layouts — centered, split and editorial variations.
Ambient time-of-day theming that follows the user's clock.
A hand-wave greeting loop for onboarding and empty states.