Moai Background
Get Moai-Moai
The Moai statues can be customized in terms of count, speed, and more.
Pumki UI
Moai Parallax Background
A modern, interactive background effect inspired by the iconic Moai statues of Easter Island.
Installation
Usage
1import { MoaiParallaxBackground } from '@/components/pumki-ui/backgrounds/bg-moai';1<MoaiParallaxBackground />Props
| Prop | Type | Default | Description |
|---|---|---|---|
imageUrl | string | Moai PNG URL | Image source for the Moai statues. |
count | number | 12 | Number of Moai statues displayed. |
speed | number | 1 | Animation speed multiplier. |
interactive | boolean | true | Enable mouse parallax effect. |
zIndex | number | 0 | z-index for the background container. |
className | string | "" | Custom CSS classes for the wrapper. |
seed | number | 42 | Seed for deterministic random placement. |
Last updated on