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><FooterReveal><HoldToConfirm><MagneticPull><MaskWipe><MultiStateButton><Overlay><PageCurtain><ParallaxLayers><ProgressBar><RollingTextButton><ScrambleReveal><ScreenshotScrollReveal><ScrollSpotlight><ScrollWordReveal><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 ReactMultidimensional reorderFooter revealRolling text buttonRolling text button: Staggered
