Components
Ace Landing Images
Animated landing page image grid with motion/react stagger and parallax
Ace Landing Images
Animated landing page image grid with motion/react stagger and parallax.
Preview
Loading preview...
Installation
Terminal
$npx shadcn@latest add @vandoko/ace-landing-imagesUsage
import { AceLandingImages } from "@/components/vandoko/ace-landing-images";
export default function Page() {
return <AceLandingImages />;
}Features
- Animated -- Smooth entrance and interaction animations via motion/react
- Responsive -- Adapts to all screen sizes
- Semantic tokens -- Uses oklch design tokens for Vandoko brand consistency
Props
4 props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | — | - |
firstImageSrc | string | — | - |
secondImageSrc | string | — | - |
gradient | 'visible' | 'hidden' | — | - |
Dependencies
motion
Lineage
| Property | Value |
|---|---|
| Source | @aceternity/landing-images |
| Version | 1.0.0 |
| Curated | 2026-03-26 |
| License | MIT |
Modifications
- oklch color conversion
- Vandoko design token integration
- Props interface extraction