Back to blocks
gallery
Block
Gallery Image Organizer
Drag-and-drop image gallery organizer with reordering, cover selection, and preview
Installation
npx shadcn add @mylo-ui/gallery-image-organizerPreview
Image Gallery
6 / 20 images
Cover
Mountain Landscape
2.4 MB
Ocean Sunset
1.8 MB
Forest Path
3.1 MB
City Lights
2.2 MB
Desert Dunes
1.9 MB
Northern Lights
2.7 MB
Drag and drop images to reorder. Click the image icon to set cover. Hover over images for more options.
Usage
import { GalleryImageOrganizer } from "@/components/blocks/gallery-image-organizer"
export default function Page() {
return <GalleryImageOrganizer />
}Dependencies
lucide-react
@dnd-kit/core
@dnd-kit/sortable
@dnd-kit/utilities
shadcn/ui Components
card
button
input
badge