Scenesstable
Meadow
A living pastel hero scene that drifts, bobs and flutters around your content.
Meadow
Customize
Lifetheme previews the scene; local time overrides it unless the theme is space
density5
seedthemetimeAwareanimatedtrailsCreaturescounts are clamped; fireflies need night and planets need space
5
bees5
butterflyCount0
ghostCount2
balloonCount26
fireflyCount9
planetCountInteraction and eventspointer reactions need a fine pointer; events stay rare by default
interactiveeventseventFrequencyLandscapethe scenery behind everything
suncloudshillsflowersCastwhich characters are allowed on stage
balloonbutterfliesbirdsmascotsstarscometsplanetsrocketsufosUsage
import { Meadow } from "zerogravity"
<Meadow>
<div>Hero copy</div>
</Meadow>Generated from the controls above. Only props that differ from their defaults are shown.
Props
| Property | Type | Default | Description |
|---|---|---|---|
density | "calm" | "cosy" | "lively" | "cosy" | Density. |
seed | number | 5 | Seed. Range 1 to 99. |
theme | "day" | "sunrise" | "sunset" | "night" | "space" | "day" | Theme. |
timeAware | boolean | false | Follow local time. |
animated | boolean | true | Animated. |
trails | boolean | true | Mascot trails. |
bees | number | 5 | Bees. Range 0 to 12. |
butterflyCount | number | 5 | Butterflies. Range 0 to 16. |
ghostCount | number | 0 | Extra ghosts. Range 0 to 12. |
balloonCount | number | 2 | Extra balloons. Range 0 to 8. |
fireflyCount | number | 26 | Fireflies (night). Range 0 to 40. |
planetCount | number | 9 | Planets (space). Range 0 to 20. |
interactive | boolean | false | React to the pointer. |
events | boolean | true | Ambient events. |
eventFrequency | "rare" | "normal" | "frequent" | "rare" | Event frequency. |
children | ReactNode | — | Content centred inside the scene. |
scene | MeadowScene | {} | Per-element switches, for example { birds: false, flowers: false }. |
Dependencies
0 external runtime dependencies
Ships with nothing but React.