Overlapping Work Strata Gallery
A peeled deck of selected-work project panes that overlap at staggered vertical offsets and Z-depths, with one cyan edge-lit focus pane lifted above the obsidian glass strata.
A "Stacked Glass Strata" selected-work gallery: project panes peel left-to-right across staggered vertical offsets and Z-depths, with a single cyan edge-lit focus pane lifted above its recessed siblings. Each pane is a hand-built product vignette plus a concise label and a 2-3 word outcome tag.
npx shadcn@latest add @vandoko/vkb-gallery-02Usage
import { VkbGallery02 } from "@/components/vkb-gallery-02";
export default function Page() {
return (
<VkbGallery02
eyebrow="Selected work"
heading="Ship the outcome, not just the screen."
focusIndex={0}
projects={[
{
label: "Northwind Ops Console",
blurb: "A live operations cockpit for a fleet logistics team.",
result: "shipped in 6 weeks",
variant: "dashboard",
},
{
label: "Meridian Checkout",
blurb: "Rebuilt the payment flow around a single-screen confirm.",
result: "+18% conversion",
variant: "checkout",
},
]}
/>
);
}Each project's variant ("dashboard", "checkout", "mobile", or "editor") selects a hand-built obsidian vignette; the pane at focusIndex receives the lone cyan edge-light and radial bloom.
Related Components
Gallery Carousel
Editorial carousel gallery of shipped studio work — rounded mixed-aspect media tiles with prev/next controls, category eyebrows, and editorial captions. First block in the gallery category.
Selected Work Canvas Rail
Tab-filtered selected-work showcase that lays project node-cards along a connector rail; the focused project lifts and earns a cyan node marker.