Skip to main content Skip to left navigation Skip to header Skip to footer

Passport UI

Compact UI Components

Getting Started

Installation
Color System
Font & Typography

Layout Containers

Page Layout
Sidebar Container
Content Container
Header Container
Footer Container

Providers

ThemeProvider

Components

Hooks

useIsMobile
useScroll

Composables

Empty State
Mobile Sidebar Trigger
Theme Button
Theme Toggle

Motion Primitives

Animated Background
Blur In
Sequential Reveal
Typewriter Text

v1.0.45

Hooks

Home
Hooks

Hooks

Browse all hooks available in the Passport UI library. Click on any component to view examples, documentation, and code snippets.

useIsMobile

A hook to detect if the current viewport is mobile-sized.

useScroll

A hook to detect if the page or a specific element has been scrolled.

Storybook ↗GitHub ↗npm ↗