Animated Bottom Sheet Components

Dev Design Library indexes 13 Animated bottom sheet components from 10 open-source UI libraries, with the most coming from ZAYX, Arc Library, Intent UI, Rare UI and Kokonut UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the bottom sheet components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Bottom sheet components belong to the Overlays group.

• Smooth DrawerKokonut UI · ReactCheckout bottom sheet on Vaul snap points, peeking at the total and dragging up for details.
• drawerIntent UI · Reactdrawer
• Bottom SheetbeUI · ReactVaul-inspired draggable bottom sheet with snap points, inertia and glass surface.
• Family DrawerRare UI · ReactA bottom drawer with smooth, morphing transitions between stacked views, inspired by the Family app. Built on Vaul.
• Share SheetVengeance UI · ReactAnimated share dialog with direct sharing, copy-link feedback, and a downloadable QR code
• Bottom sheetArc Library · ReactA sheet that rests at a peek or full height and follows your finger.
• SheetUI Lab · ReactDrag it down or flick it away; pull it up and it pushes back.
• Currency SwitchZAYX · React Native
• DrawerEaseUI · ReactSheet that slides up from the bottom edge on the native dialog element. Drag the handle down, or flick it, to dismiss.
• Glass SheetOpaline · ReactFloating side sheet, or a drag-to-dismiss bottom drawer with side="bottom".
• sheetIntent UI · Reactsheet
• User menuArc Library · ReactYour account, settings, theme, and sign out behind the avatar. Opens as a bottom sheet on phones.
• Fin PanelZAYX · React Native

Libraries with Animated bottom sheet components

• ZAYX
• Arc Library
• Intent UI
• Rare UI
• Kokonut UI

Related categories

• Bottom Sheet Components
• React Bottom Sheet Components
• Tailwind CSS Bottom Sheet Components
• Animated Overlay Components
• Animated Modal Components
• Animated Popover Components
• Animated Toast Components
• Animated Drawer Components
• Animated Tooltip Components
• Animated Dynamic Island Components
• Animated Hover Card Components
• Animated Alert Dialog Components
• Animated Mini Player Components