All Components

Browse every primitive, component, and hook in the Vortex design system.

Primitives

Layout component that can be used to create a responsive container for your content.

Manages responsive visibility and optimizes SSR by using CSS for hiding content.

Primitive element designed for displaying icons.

Primitive element designed for displaying images.

Interactive

Primitive element designed for building clickable and focusable elements.

Vortex Design System

Versatile primitive for rendering text with responsive sizing, semantic colors, and adjustable font weights.

Visually represents users or entities, typically displaying an image or a placeholder graphic.

Displays a compact list of user avatars and summarizes additional members with an overflow count.

Badge

Compact labels used to communicate status, metadata, counts, or short actions.

Button

Widgets that trigger actions like opening a dialog, confirming an action, or initiating a delete operation.

Component that separates content in a list or section.

Interactive reference to a resource, external or within the current page or application.

⌘K

Displays keyboard shortcuts and key combinations with a semantic kbd element.

Visual loading indicator that provides feedback during asynchronous operations.

useShortcuts()

Hook for binding keyboard shortcuts to callbacks and reading whether key combinations are pressed.

useSwitch()

Hook for managing boolean state with helpers to turn the value on, off, or toggle it.