Image Gallery Kit
Simple image gallery layouts for Vue.
Build image galleries with your own markup and classes for the layout, a finished fullscreen dialog you don't have to write, and SSR-safe rendering that works cleanly in real apps.
Layout is CSS, not props
You write the preview markup. Arrangement and breakpoints are your own classes.
The dialog comes apart
Overlay, topbar, stage, grid, tiles — sixteen components you reorder in the dialog slot.
Dialog that's actually finished
Focus trap, scroll lock, keyboard nav, swipe on touch, and an all-images view.
Tiles fly into the dialog
The tile's frame and radius tween onto the dialog image. Add gsap to switch it on — without it every view still works.
Styled with classes, not tokens
Every default is a class in @layer components, so a class of yours wins — with or without Tailwind.
Renders on the server
Zero runtime dependencies, no browser globals before mount, no hydration mismatch, no empty-grid flash.