Motion UISections2 sections

Bento grids

Staggered bento reveals, App Store card expands and scroll-linked spotlights.

Feature bento

An example of a staggered feature bento with scroll-triggered reveals and considered hover micro-interactions in Motion for React.

npx shadcn@latest add @motion/bento-staggered
Components usedTiltCardArrowLink
MotionScore

Feature expand bento

An example of a bento grid of feature cards that expand in place into a detail dialog with a shared-element layout animation in Motion for React.

npx shadcn@latest add @motion/feature-expand
Components usedExpandCard
MotionScore

More categories

Browse the rest of the Motion UI section library.