Components

Standard application header with title, search slot, and actions.

Collapsible navigation sidebar with support for branding and custom items.

Standard application footer with copyright and navigation links.

Standard page container with built-in handling for loading, error, and empty states.

Container component for grouping related content

Primary interactive element with depth-based variants following outside-in depth principle

A clickable button that contains only an icon, used for actions in tight spaces.

Wrapper component for Lucide icons with consistent sizing

Displays system status and runtime information for debugging/verification.

Alert banner for displaying important messages

Loading spinner indicator

Non-disruptive global notification for feedback

Dialog window that sits on top of the main view.

Animated placeholder for content while loading.

Text input field following outside-in depth principle with neumorphic variants

Multi-line text input with auto-resize and character counter

Dropdown select component with options support

Switch component for boolean values with label support

Checkbox input with label and indeterminate state

Radio button input for selecting one option from a group

Status and label badge for indicating state or category

Placeholder content for when data is missing or a list is empty.

Advanced table with sorting, filtering, and pagination.

Navigation helper showing the current page location in the hierarchy.

Interface for switching between different views or context.

Navigation container molecule that sets neuo context for children

Modal overlay molecule with configurable mode context