# Blooming Flower Garden Preloader

> Blooming flower garden preloader: a sunlit SVG garden grows with your load progress. Stems rise, buds morph open into poppies, tulips and lavender, then the camera dives into the blooms to reveal your page. The pointer is wind and clicks send gusts and pollen. Drive it with real progress or loop it as a showcase. Respects reduced motion.

- Author: [Kedhareswer Naidu](https://21st.dev/@kedhareswer)
- License: mit
- Tags: Interactive, Loading, Page Transition, Preloader, SVG
- Live preview: https://21st.dev/@kedhareswer/components/ember-petal-preloader

## Install

```bash
npx shadcn@latest add "https://21st.dev/r/kedhareswer/ember-petal-preloader?api_key=$API_KEY_21ST"
```

Requires a 21st API key (generate one at https://21st.dev/mcp) passed as `API_KEY_21ST`. Free accounts get a limited number of installs per day; unlimited on a paid plan — see https://21st.dev/pricing.

Full component directory: https://21st.dev/llms.txt · More like this: https://21st.dev/community/components/s/interactive.md