Get Started

Installation Namespaces Raycast Extension MCP Integration Agent Skill

Foundations

Colors Icons Logos Materials

Guides

Detached Triggers Local Package Linking URL State Management

Primitives

Accordion Alert Dialog Alert Auto Resize Autocomplete Avatar Badge Border Beam Breadcrumb Button Calendar Card Carousel Checkbox Collapsible Combobox Command Context Menu Date Input Dialog Dropzone Empty State Entity Display Feedback Button Input OTP Input Integrated Menu Label Menu Menubar Mime Type Icon Motion Highlight Navigation Menu Pagination Phone Input Popover Preview Card Progress Radio Group Resizable Scroll Area Search Expand Select Selection Toolbar Separator Sheet Shimmer Sidebar Skeleton Slider Spinner Stepper Switch Table Tabs Tag Input Textarea Toast Toggle Group Toggle Tooltip

Composites

Attachment Picker Filters

Utilities

Hooks

useDarkMode useTernaryDarkMode

Theme Hooks

Theme mode hooks for light/dark/system user preferences.

Hooks for managing dark mode and system theme preferences.

Hooks

useDarkMode

Toggle light/dark mode with enable/disable helpers.

useTernaryDarkMode

Manage light, dark, or system theme preference.

useSessionStorage

Custom hook that uses the [`sessionStorage API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage) to persist state across page reloads.

useDarkMode

Custom hook that returns the current state of the dark mode.

On this page