Precipitation
Rain or snow that falls to the bottom of its container and gathers there: rain into a rippling puddle with splashes, snow into a drift that slumps into soft mounds. The pointer is an umbrella the rain breaks on, a hand that stirs the puddle, and a breath that blows the snow aside.
Loading preview…
Install
Steps for Next.js.
Install the package
One package carries every component and its effects, all original code.
bun add @poulo2/ai-componentsLoad the styles with Tailwind v4
Add both lines to your global stylesheet so Tailwind generates the classes the components use. If your app already defines the shadcn/ui tokens, skip the theme import to keep your own palette.
@import "@poulo2/ai-components/theme.css"; @source "../node_modules/@poulo2/ai-components/dist";Or load the prebuilt stylesheet
For apps without Tailwind. Import it once at the root; it includes Tailwind's base reset.
import "@poulo2/ai-components/styles.css";
Props
| Name | Type | Default | Description |
|---|---|---|---|
| kind | "rain" | "snow" | — | What falls. |
| active | boolean | true | Falls while true. When it turns false it keeps falling for a moment, for a fade out, then stops; it starts from dry ground each time it turns true. |
| dark | boolean | — | The palette. It follows the dark class on <html> unless set. |
| className | string | — | Classes for the root element. |