React sheets.

shadcn/ui

Sheet

Overlay

Extends the Dialog component to display content that complements the main content of the screen.

React Native Reusables

Dialog

Overlay

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

HeroUI

Drawer

Overlay

A modal panel that slides in from an edge of the viewport to present focused content or actions without leaving the current page.

Kokonut UI

Smooth Drawer

Animated

A drawer with a smooth slide-in transition and dimmed backdrop.

beUI

Drawer

Overlay

Side panel that slides in from the left or right with a spring, backdrop blur, body scroll lock and esc-to-close.

8bitcn/ui

8-bit Sheet

Retro

Side panel that slides over the page from a configurable edge.

beUI

Bottom Sheet

Animated

Vaul-inspired draggable bottom sheet with snap points, inertia and glass surface.

8bitcn/ui

8-bit Character Sheet

Retro

RPG character sheet with attribute scores, equipment slots, and configurable sections.

shadcn/ui

Drawer

Overlay

A panel that slides over page content for focused tasks or navigation.

8bitcn/ui

8-bit Drawer

Retro

Sliding panel with a backdrop, close control, and pixel frame.

ReUI

Profile editing sheet

Overlay

Opens account fields in a side panel so the underlying page remains in context.

ReUI

Multi-side sheets

Overlay

Demonstrates entering from each viewport edge to suit different spatial relationships.