Dev Design LibraryAnimated Gallery Components
Dev Design Library indexes 66 Animated gallery components from 17 open-source UI libraries, with the most coming from uselayouts, React Bits, Aceternity UI, ReactFrame and Componentry. 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 gallery components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Gallery components belong to the Media group.
Accordion GalleryReact Bits · ReactPanels expand on hover or focus, revealing parallax imagery and captions.
Infinite MasonrybeUI · ReactResponsive virtualized masonry that measures variable-height cards and loads more data as the user nears the end.
Circular GalleryVengeance UI · ReactRelaxing 3D ring of images with drag-spin, parallax tilt, and center preview
Creative Space GalleryPixel Perfect · ReactA draggable constellation of image planes rotates in three dimensions with inertia while every image faces the viewer.
Bookshelfuselayouts · ReactA shelf of cloth-bound books. Pull one out and it opens on the desk: covers swing on a hinge and pages turn by the…
Collection SurferComponentry · ReactSmooth surfing interaction for browsing collections.
Fancy Parallax FloatingAnimations (Svelte) · Svelte
Perspective Flip DeckRewamp UI · ReactExact recreation of Recording 2026-09-15 154736.mp4: 3D isometric perspective fanned card deck. When cycling, the…
Orbit GalleryUI Lab · React
Accordion GalleryCojeev UI · ReactA selected image panel opens to reveal its label, story and action.
3D MarqueeVelora UI · ReactA tilted 3D grid of images whose columns scroll up and down in an endless loop.
Orbit GalleryAtelier UI · React
Image Density GridSkecher UI · ReactA percentage-controlled image grid with animated density changes, soft focus, and optional controls.
Scroll GallerySora UI · ReactA full-viewport sticky scroll slider with strip-mask image transitions and animated title swaps, driven by GSAP…
Phantom Infinite GalleryCue Foundations · React
Cinematic Stacked GalleryReactFrame · ReactA fullscreen hero gallery where inactive slides collapse into a stacked deck of thumbnails; clicking one crossfades it…
3d MarqueeAceternity UI · React
Chroma GridReact Bits · ReactA responsive grid of grayscale tiles. Hovering the grid reaveals their colors.
Preview RailbeUI · ReactCodex app-inspired navigation rail with compact ticks that form a hover pyramid and reveal a floating destination…
Image ScatterVengeance UI · ReactSmooth scroll-triggered scattered photo gallery
Scroll Warp GalleryPixel Perfect · ReactA gallery rendered in WebGL where scroll velocity bends each image's own vertices, smears it into an RGB-split motion…
Dynamic Grid Galleryuselayouts · ReactA 3×2 photo grid that grows the hovered row and column so one still takes the stage.
Fisheye Infinite GridComponentry · ReactA dense draggable image wall warped as one continuous fisheye surface with weighted momentum.
Infinite SpiralCojeev UI · ReactHelical image cards recycle through depth with explicit previous, next and pause controls.
Focus CardsVelora UI · ReactImage grid where the hovered card stays sharp while the others blur and step back.
Sphere GalleryAtelier UI · React
Image GlideSkecher UI · ReactAn image viewer with pointer depth, soft image transitions, and a compact thumbnail rail.
Cylinder GalleryReactFrame · ReactA 3D image gallery arranged around an auto-rotating cylinder, with configurable rows/columns, tilt angle, rotation…
Focus CardsAceternity UI · React
Circular GalleryReact Bits · ReactCircular orbit gallery rotating images.
Staggered GridVengeance UI · ReactOffset card grid composition
Expandable Galleryuselayouts · ReactA photo gallery with smooth item expansion.
Infinite Image FieldComponentry · ReactAn endless, cursor-driven photo canvas that tiles images infinitely and pans fluidly toward wherever you move your…
Orbit ImagesCojeev UI · ReactAn orbit of supplied images frames stationary content.
Layout GridVelora UI · ReactBento grid of image tiles that expand in place to reveal rich content.
Spiral GalleryAtelier UI · React
Liquid Morphology SlideshowSkecher UI · ReactA WebGL image slideshow with liquid, frost, ripple, plasma, and timeshift transitions.
Expand Card GridReactFrame · ReactA 2x2 grid of image cards that expand to fill the frame on click, revealing title/description/CTA, with keyboard arrow…
Hero ParallaxAceternity UI · React
Dome GalleryReact Bits · ReactImmersive 3D dome gallery projecting images on a hemispheric surface.
Books ShowcaseVengeance UI · React
Fluid Expanding Griduselayouts · ReactA responsive gallery grid that fluidly shifts and expands items using motion layout.
Newsletter BookshelfComponentry · ReactA tactile 3D newsletter archive with hover lift, camera browsing, centered covers, and automatic drag-adjustable…
Parallax GridVelora UI · ReactGallery columns drifting at different rates for depth.
Magazine ScrollerSkecher UI · ReactA velocity-aware poster scroller with drag, wheel, spring, and progressive-blur treatments.
Gallery FlowReactFrame · ReactA gallery of scattered, gently drifting image cards with random rotation, cursor repel/attract mode, pause-on-hover…
Layout GridAceternity UI · React
Flying PostersReact Bits · React3D posters rotate on scroll infinitely.
Infinite Canvasuselayouts · ReactA free-panning product canvas that tiles forever — drag, scroll, and skim an endless grid of images and captions.
Scroll Tilted GridComponentry · ReactA cinematic image grid that tilts and resolves into focus as each frame crosses the viewport.
Image Deck 3DReactFrame · ReactA single image split into a stacked deck of shape-clipped layers (rectangle, circle, hexagon, star, blob and more)…
Parallax Hero ImagesAceternity UI · React
Infinite SpiralReact Bits · ReactAn endlessly looping 3D helix of images with customizable motion, depth, spacing and interaction.
Memory Card Stackuselayouts · ReactA fanned deck of five photographs. Start brings the top card up, then you page through it with the controls or throw…
Spiral 3D SliderComponentry · ReactA compact, autoplaying image gallery that responds to scroll along a smooth 3D spiral.
Image ShowcaseReactFrame · ReactA product-style image viewer, a large main frame with prev/next arrows and an image counter, backed by a click-to-jump…
Parallax ScrollAceternity UI · React
MasonryReact Bits · ReactResponsive masonry layout with animated reflow + gaps optimization.
Overlapping Slideruselayouts · ReactA full-width landing row of portrait cards. They sit flat until you move — then the card on the left scales back.
Motion Gallery GridReactFrame · ReactA perfectly aligned image grid with a centered glassmorphism overlay card, heading, subtitle and CTA button, with a…
Parallax Scroll 2Aceternity UI · React
Orbit ImagesReact Bits · ReactSVG Path customizable orbiting images effect
Photo Albumsuselayouts · ReactTilted album stacks that expand into a shared-element photo grid.
Thought LineReact Bits · ReactReasoning-trace header: a glyph and a label breathe beside a live clock while steps appear beneath, then the line…
Polaroid Draguselayouts · ReactDraggable Polaroid photo gallery with realistic tilt, stacking, smooth animations, and customizable captions, sizes…
Polaroid Stackuselayouts · ReactSeven Polaroids sit in a pile. Hover and they fan into an arc from one corner.
Libraries with Animated gallery components
Related categories
- Gallery Components
- React Gallery Components
- Tailwind CSS Gallery Components
- Animated Media Components
- Animated Image Components
- Animated Icon Components
- Animated Illustration Components
- Animated Scene 3D Components
- Animated Audio Visualizer Components
- Animated Logo Components
- Animated Video Player Components
- Animated Mockup Components
- Animated Icon Set Components
- Animated Image Zoom Components
- Animated Audio Player Components