• Documentation
  • Base components
  • Marketing
  • Application UI
  • Page headers
  • Card headers
  • Section headers
  • Section footers
  • Sidebar navigations
  • Header navigations
  • Modals
  • Command menus
  • Line & bar charts
  • Activity gauges
  • Pie charts
  • Radar charts
  • Metrics
  • Slideout menus
  • Inline CTAs
  • Paginations
  • Carousels
  • Progress steps
  • Activity feeds
  • Messaging
  • Tabs
  • Tables
  • Breadcrumbs
  • Alerts
  • Notifications
  • Date pickers
  • Calendars
  • File uploaders
  • Content dividers
  • Loading indicators
  • Empty states
  • Code snippets
  • Dashboards 01
  • Dashboards 02
  • Settings pages 01
  • Settings pages 02
  • Informational pages 01
  • Informational pages 02
  • Log in pages
  • Sign up pages
  • Verification pages
  • Forgot password pages
  • 404 pages
  • Email templates
  1. Application UI
  2. Components
Sign inGet PRO

Slideout menu components

Powerful and customizable React slideout menu components built for modern applications and websites. These slideout menus are built using React Aria and styled with Tailwind CSS.

  • GitHub
  • React Aria

Slideout menu example

Get the code

Installation

You can add this slideout menu component using our CLI or manually:

CLI
Manual
npx untitledui add slideout-menu

Slideout menus examples

Below are examples and variations of this slideout menus component:

Placeholder menu

Get the code

User profile menu

Get the code

Messages menu

Get the code

Message chat menu

Get the code

Payment method menu

Get the code

Payment details menu

Get the code

Plan menu

Get the code

Team members menu

Get the code

Filters menu

Get the code

File upload menu

Get the code

Labels menu

Get the code

Project details menu

Get the code

Notification settings checkbox menu

Get the code

Notification settings button menu

Get the code

Notifications menu

Get the code

Order summary menu

Get the code

Calendar event menu

Get the code

User settings menu

Get the code

AI assistant menu

Get the code

AI assistant message menu

Get the code
MetricsInline CTAs

On this page

  • Installation
  • Slideout menus examples
  • Placeholder menu
  • User profile menu
  • Messages menu
  • Message chat menu
  • Payment method menu
  • Payment details menu
  • Plan menu
  • Team members menu
  • Filters menu
  • File upload menu
  • Labels menu
  • Project details menu
  • Notification settings checkbox menu
  • Notification settings button menu
  • Notifications menu
  • Order summary menu
  • Calendar event menu
  • User settings menu
  • AI assistant menu
  • AI assistant message menu