Projects11

1.0.0

Masonry project photo wall in CSS columns — twelve unframed images that rise into view on scroll and lift with a brightness overlay on hover.

npx jabkit add projects11

Component Data

ID: projects11
Category: marketing
Version: 1.0.0
Added: 2026-09-05
Type: block
Keyboard nav: Yes
Reduced motion: Yes

projectsgallerymarketingmasonryportfoliophotographyhoverlanding

Dependencies

clsx
tailwind-merge

Examples

Default

<div className="bg-background text-foreground">
      <Projects11
        label={projects11Mocks.label}
        images={projects11Mocks.images}
      />
    </div>

Variants

<div className="bg-background text-foreground">
      <Projects11
        label={projects11AlternateMocks.label}
        images={projects11AlternateMocks.images}
      />
    </div>