Motion UI / Sections2 sections

Footers

Newsletter forms with live feedback, sticky under-page reveals and staggered mega-footer wordmarks.

Sections

Hero sections
Pricing sections
Testimonials
Bento grids
Stats sections
Navigation
CTA sections
Footers
Page transitions
FAQ sections
Overlays
Buttons
Lists
Loaders

Components

<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>

Footer: Sticky reveal

An example of a sticky under-page footer that fades and scales in as scroll uncovers it, in Motion for React.

npx shadcn@latest add @motion/footer-sticky-reveal

Components usedFooterReveal

Install guide MotionScoreS

Footer: Newsletter

An example of an animated site footer with a newsletter subscribe form, quiet link-column hovers and inline state feedback in Motion for React.

npx shadcn@latest add @motion/footer-newsletter

Components usedMultiStateButton

Install guide MotionScoreA

Motion UI+Included in Motion+
Lifetime updates

Motion UI in Motion+

Unlock all 29 Motion UI sections

Install all 29 sections and 38 components with shadcn, copy the editable source, and paste tailored adaptation prompts directly into your agent. One payment includes lifetime updates.

Sections: 29
Components: 38
Updates: Lifetime

Get Motion+Get Motion+

+Explore

More categories

Browse the rest of the Motion UI section library.

Live previewHero sections4 sectionsParallax layers, editorial text staggers, scroll-driven zooms and dev-tool terminals.

Live previewPricing sections3 sectionsMonthly to yearly price morphs, usage calculators and comparison tables with an animated FAQ.

Live previewTestimonials2 sectionsLogo tickers, coverflow carousels and draggable testimonial card stacks.

Live previewBento grids2 sectionsStaggered bento reveals, App Store card expands and scroll-linked spotlights.

Live previewStats sections2 sectionsScroll-in counters and live engagement panels with animated trends and drawn graphs.

Live previewNavigation2 sectionsMega menus, scroll-aware shrinking headers and command palettes.

Live previewCTA sections2 sectionsSignup celebrations, copy-to-clipboard install blocks and magnetic banners.

Live previewPage transitions2 sectionsA curated set of curtain styles built on Motion's view transitions.

Live previewFAQ sections1 sectionStandalone FAQ accordions with smooth expand, staggered reveals and height morphs.

Live previewOverlays1 sectionSheet modals and stacking toasts with springy entrances and gesture dismissal.

Live previewButtons4 sectionsMulti-state feedback buttons, hold-to-confirm actions and add-to-basket morphs.

Live previewLists1 sectionSwipeable rows and stacked notification feeds with layout-animated add and remove.

Live previewLoaders1 sectionSkeleton shimmers and loading states that hand off smoothly to real content.