Search nx-ui
Jump to any foundation, component, block or example.
Nx App Card
The launcher card for one app in the Nexus catalogue: the large home-screen square with its pattern field, and the compact administration row. Props are the resolved catalogue row from nx-apps — nx-id decides the state, this renders it.
bunx shadcn@latest add @nx-ui/nx-app-cardLarge cards
The home screen's 'Your apps' grid. Each card draws its pattern field from visual.pattern (earthworks, geotechnical, intelligence, or none) in currentColor at low opacity, so it reads in both themes.
Every state
Active (marked, inert), locked and upsell (desaturated, lock glyph, a reason label — rendered as a button so you can open your own upsell dialog from onLocked), and coming soon (inert, 'Soon'). A locked card is presentation only: the destination still gates itself.
Compact cards
Administration and Internal tools render under a subtle uppercase sub-heading as compact rows — tile, name, one-line description and an arrow — in the same border and hover language as the large cards. Nexus Sim here is locked without an onLocked handler, so it renders inert rather than as a button that does nothing.
Internal tools
Badges and custom tiles
badge (or visual.badge) renders a pill next to the name. A catalogue row may carry a custom tone (literal hexes) and mark (path data) instead of a named one, so nx-id can give a new app its own tile without an nx-ui release.
API reference
Exported parts and their props, extracted from the component source.