Moiré Screens
Backgrounds
Source and install need .
pnpm dlx shadcn@latest add @assembli/aerial-dunesAerial Dunes
WebGL flyover of a sand sea seen from above: sinuous transverse dunes with crisp crests and slip faces, wind ripples on the windward slopes and long shadows marched toward a low sun that the pointer swings across the sky. White gypsum by day, moonlit at night, with Sahara, Namib and dusk sands too. Pauses off-screen and holds a still frame for reduced motion.
- Dependencies
- motion(npm, opens in a new tab)
Props
Other props pass through to the root element.
sand
DuneSand
Default
"gypsum"Desert in light mode.
darkSand
DuneSand
Default
"moon"Desert in dark mode.
mode
"auto" | "light" | "dark"
Default
"auto"Follow the page theme, or force one.
scale
number
Default
1Dune size: below 1 is a smaller sea of dunes, above 1 larger.
speed
number
Default
1Speed of the flyover. 0 holds the view still.
interactive
boolean
Default
trueThe pointer swings the sun around the sky.
| Prop | Type | Default | Description |
|---|---|---|---|
| sand | DuneSand | "gypsum" | Desert in light mode. |
| darkSand | DuneSand | "moon" | Desert in dark mode. |
| mode | "auto" | "light" | "dark" | "auto" | Follow the page theme, or force one. |
| scale | number | 1 | Dune size: below 1 is a smaller sea of dunes, above 1 larger. |
| speed | number | 1 | Speed of the flyover. 0 holds the view still. |
| interactive | boolean | true | The pointer swings the sun around the sky. |
