Components

Ace Collage

Absolute-positioned rotated image collage with hover-to-front interaction

Ace Collage

Absolute-positioned rotated image collage with hover-to-front interaction.

Preview
Open in
Loading preview...

Installation

Terminal
$npx shadcn@latest add @vandoko/ace-collage

Usage

import { AceCollage } from "@/components/vandoko/ace-collage";

export default function Page() {
  return <AceCollage />;
}

Features

  • Interactive -- Responds to user hover and mouse interactions
  • Responsive -- Adapts to all screen sizes
  • Semantic tokens -- Uses oklch design tokens for Vandoko brand consistency

Props

3 props
PropTypeDefaultDescription
className
string-
heading
string-
items
AceCollageItem[]-

Lineage

PropertyValue
Source@aceternity/collage
Version1.0.0
Curated2026-03-26
LicenseMIT

Modifications

  • oklch color conversion
  • Vandoko design token integration
  • Props interface extraction

On this page