Skip to main contentSkip to left navigationSkip to headerSkip 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
  • Accordion
  • Alert
  • Alert Dialog
  • Analytics
  • Aspect Ratio
  • Avatar
  • Badge
  • Blockquote
  • Breadcrumb
  • Bullet List
  • Button
  • Calendar
  • Card
  • Carousel
  • Checkbox
  • Code Block
  • Collapsible
  • Combobox
  • Command
  • Context Menu
  • Date Picker
  • Dialog
  • Drawer
  • Dropdown Menu
  • Form
  • Hover Card
  • Input
  • Input OTP
  • Label
  • LiveRegion
  • Markdown
  • Menubar
  • Navigation Menu
  • Pagination
  • Popover
  • Prefetch Link
  • Progress
  • Radio Group
  • Resizable
  • Scroll Area
  • Select
  • Separator
  • Sheet
  • Sidebar
  • Skeleton
  • Slider
  • Sonner
  • Structured Data
  • Switch
  • Table
  • Tabs
  • Textarea
  • Toggle
  • Toggle Select
  • Tooltip
  • VisuallyHidden
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

Motion Primitives

  1. Home
  2. Motion Primitives

Motion Primitives

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

Animated Background

A component for creating animated, gradient backgrounds.

Blur In

A component that reveals content with a blur-in animation.

Sequential Reveal

A component that reveals content sequentially with a staggered animation.

Typewriter Text

A component that animates text with a typewriter effect.

Storybook ↗GitHub ↗npm ↗