White Blossom
Dark, kinked limbs reach in from the edges and fork into twigs heavy with five-petalled flowers, leaving the middle open for your content, and petals let go and drift down. Brush the cursor through and the flower clusters nod on their spurs and drop a petal or two; click to tap a spray and shake loose a shower. The sky follows your theme: a blue day with drifting cumulus in light mode, and in dark mode a moonlit night, the full moon in a stippled halo, stars twinkling, clouds silvered near the moon and the blossom glowing pale against the dark.
Needs: None. A 2D canvas.
Customize
sky
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| cell | number | 3 | Size of one dither pixel in px. |
| blossom | string | "#fbeef0" | The blossom's colour; the petals and the soft tiles behind the flowers are made from it. |
| branch | string | "" | The branches' colour. Empty uses the theme foreground (--mlui-fg). |
| petals | number | 1 | How many petals drift down, as a share of the default. 0 for none. |
| breeze | number | 1 | How hard the wind blows. 0 is still air. |
| sky | "natural" | "day" | "night" | "none" | "natural" | The sky behind the canopy. natural follows the theme: a blue day sky in light mode, a moonlit night with stars in dark mode. day or night holds one; none shows your page. |
| skyColor | string | "#5d9fd9" | The day sky's blue. |
| nightColor | string | "#14213f" | The night sky's navy. |
| speed | number | 1 | Time scale. 0 holds the moment. |
| interactive | boolean | true | Brushing the cursor through nods the flower clusters it passes; a click taps loose a shower of petals. The branches stay still. |
| seed | number | 3 | Picks how the tree grows. |
| opacity | number | 1 | Opacity of the whole tree. |
| dpr | number | null | Device pixel ratio to render at. Math.min(devicePixelRatio, 2) when unset. |
| className | string | – | Class on the root element, which fills its parent. |
| style | CSSProperties | – | Style on the root element. Theme it through the --mlui-* variables. |