Motion UI / OverlaysSheet overlayAn example of a bottom sheet overlay with a springy entrance and drag-to-dismiss in Motion for React.ReactMotionScoreAMotion+Matt PerryJuly 4, 2026Motion UI docsOverlaysSectionsHero sectionsPricing sectionsTestimonialsBento gridsStats sectionsNavigationCTA sectionsFootersPage transitionsFAQ sectionsOverlaysButtonsListsLoadersComponents<Accordion><AddToBasket><ArrowLink><BorderBeam><CardStack><CarouselControls><CommandPalette><Confetti><CopyButton><Coverflow><ExpandCard><HoldToConfirm><MagneticPull><MaskWipe><MultiStateButton><Overlay><PageCurtain><ParallaxLayers><ProgressBar><ScrambleReveal><ScreenshotScrollReveal><ScrollSpotlight><ScrollZoomReveal><SegmentedToggle><Sheet><ShrinkHeader><Skeleton><SmoothTabs><Sparkline><SplitReveal><StaggerReveal><SwipeActions><TerminalSession><TiltCard><ToastStack>PreviewSourcenpx shadcn@latest add @motion/overlay-sheetAdapt with AIComponents usedSheetRelated examplesAdd to basketCopy ButtonDots Morph ButtonToast: Stacked notificationsLatest in ReactCurtains: BlindsCurtains: Clip wipeCurtains: DoorsCurtains: Fade
