React Motion Gallery - smooth, customizable media gallery components
npm install react-motion-galleryA flexible React gallery component with four layouts:
- Slider (default)
- Grid
- Masonry
- Entries (data-driven cards with media + overlays)
Includes optional Fullscreen mode, Thumbnails, customizable controls, and an imperative GalleryApi for programmatic control.
---
``bash`
npm i react-motion-galleryor
yarn add react-motion-galleryor
pnpm add react-motion-gallery
RMG treats each direct child wrapper as an item.
That means every image/video must be inside a div:
`tsx
import * as React from "react";
import { Gallery } from "react-motion-gallery";
export function WrapperRuleExample() {
return (