Swipeable rows and stacked notification feeds with layout-animated add and remove.
<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>
An example of a notifications stack that expands from grouped cards into a full list in Motion for React.
npx shadcn@latest add @motion/list-notifications-stack
Browse the rest of the Motion UI section library.