Dev Design LibraryGallery Components
Dev Design Library indexes 104 gallery components from 25 open-source UI libraries, with the most coming from Oxbow UI, uselayouts, React Bits, Aceternity UI and ReactFrame. Each one links to its page with the source code, a live preview where available, the library license and the install command. Gallery components belong to the Media group.
Accordion GalleryReact Bits · ReactPanels expand on hover or focus, revealing parallax imagery and captions.- Card ViewReact Spectrum · ReactTODO: Add description of component here.
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
Scroll Area 03 - Vertical Image GalleryShadcn Space · ReactA vertically scrollable image gallery with fade mask edges, built with ScrollArea and project portfolio images.
Creative Space GalleryPixel Perfect · ReactA draggable constellation of image planes rotates in three dimensions with inertia while every image faces the viewer.
Film Strip CardOpenSourceUI · React
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…
TemplatesBoardUI · React
Collection SurferComponentry · ReactSmooth surfing interaction for browsing collections.
Fancy Parallax FloatingAnimations (Svelte) · Svelte
Art GalleryObsidianUI · ReactA lensed photo grid you can drag through, with barrel distortion and infinite tiled studies.
Gallery 01Oxbow UI · Astro
Perspective Flip DeckRewamp UI · ReactExact recreation of Recording 2026-09-15 154736.mp4: 3D isometric perspective fanned card deck. When cycling, the…
Image Gallery Onesv-efferd · SvelteA responsive editorial gallery with staggered aspect ratios, lazy-loaded media, and a clean masonry-style rhythm.
Orbit GalleryUI Lab · React
Duplicate Finder BlockLocalMode · ReactUnion-find near-duplicate detection over cached CLIP image embeddings (no re-embedding) — a tunable threshold slider +…
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.
Infinite 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 CollageVengeance UI · ReactInteractive scattered image collage toggle
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…
Gallery Grid CardOpenSourceUI · React
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.
Gallery 02Oxbow UI · Astro
Image Search BlockLocalMode · ReactText→image AND image→image search over one shared CLIP vector space — embed a free-text query or a reference image and…
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.
Orbit 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.
Image ScatterVengeance UI · ReactSmooth scroll-triggered scattered photo gallery
Gallery Wall CardOpenSourceUI · React
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…
Gallery 03Oxbow UI · Astro
Photo Categorizer BlockLocalMode · ReactEditable-label-set categorization with Photo/Product presets, on-device library re-categorization with progress +…
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.
Sphere 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.
Staggered GridVengeance UI · ReactOffset card grid composition
Photo Album CardOpenSourceUI · 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…
Gallery 04Oxbow UI · Astro
Smart Gallery BlockLocalMode · ReactAdaptive, device-aware CLIP photo ingest (streamEmbedManyImages at a computeOptimalBatchSize batch size shown on an…
Parallax GridVelora UI · ReactGallery columns drifting at different rates for depth.
Spiral GalleryAtelier UI · React
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.
Team Reveal GridVengeance UI · ReactStateful team portraits with auto-cycling expertise reveals
Photo Contact Sheet CardOpenSourceUI · React
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.
Gallery 05Oxbow UI · Astro
Image Result GalleryLocalMode · ReactA responsive grid / list of image result cards sharing one data contract — in-flight overlay, hover metadata…
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.
Books ShowcaseVengeance UI · React
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.
Gallery 06Oxbow UI · Astro
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.
Gallery 07Oxbow UI · Astro
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.
Gallery 08Oxbow UI · Astro
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…
Gallery 09Oxbow UI · Astro
Polaroid Stackuselayouts · ReactSeven Polaroids sit in a pile. Hover and they fan into an arc from one corner.
Gallery 10Oxbow UI · Astro
Gallery 11Oxbow UI · Astro
Gallery 12Oxbow UI · Astro
Gallery 13Oxbow UI · Astro
Gallery 14Oxbow UI · Astro
Gallery 15Oxbow UI · Astro
Gallery 16Oxbow UI · Astro
Gallery 17Oxbow UI · Astro
Gallery 18Oxbow UI · Astro
Gallery 19Oxbow UI · Astro
Gallery 20Oxbow UI · Astro
Libraries with gallery components
Related categories
- React Gallery Components
- Tailwind CSS Gallery Components
- Animated Gallery Components
- Media Components
- Icon Components
- Image Components
- Logo Components
- Illustration Components
- Mockup Components
- Animated Icon Components
- Audio Visualizer Components
- Scene 3D Components
- Video Player Components
- QR Code Components
- Icon Set Components
- Audio Player Components
- Image Zoom Components
- Image Compare Components
- Model Viewer Components