Empty State
The signature Untitled UI empty state, where the flare lives in the header: a radially-masked background pattern (rings, grid or dots) behind a featured icon, or one of three avatar decorations — concentric ring orbits, a symmetric row, or a scrolling marquee grid — for invite and community states.
bunx shadcn@latest add @nx-ui/empty-stateRing pattern behind a featured icon
The canonical composition — concentric rings fading out behind a modern featured icon, a title, a description and a call to action. Toggle the theme to see the whole thing flip for dark mode.
No results found
Your search didn't match any collection rounds. Try a different site, date range or waste stream.
Grid and dots patterns
The same header, swapped to the grid and dots backdrops — each masked so it dissolves toward the edges rather than framing a hard box.
Upload your first document
Drag intake manifests here to start reconciling loads.
Nothing scheduled yet
Book a collection to see it appear on the board.
Avatar radius — the invite state
Avatars scattered on concentric ring orbits behind a featured icon, radially masked so the outer ones fade. The classic 'invite your team' empty state.
Invite your team
Bring your operators and lab partners into the workspace to share rounds and reports.
Avatar row
A symmetric row of avatars growing toward the centre, masked at both ends — a lighter-weight community cue that sits behind the featured icon.
Grow your workspace
You're the first here — invite the rest of your team to get going.
Avatar grid — the community marquee
Two rows of avatars scrolling in opposite directions behind the header, radially masked. The busy 'community' backdrop; it respects prefers-reduced-motion and needs the flare-styles marquee keyframe.
Join the community
Thousands of regeneration operators are already tracking their impact on Nexus ReGen.