KQ-432 · INK/BLOOM
Ink Bloom
A transition between panels: the new panel blooms outward from the switcher's button like ink dropped in water — a ragged, feathered front that carries a dark edge — and the old panel dissolves behind it. The origin is the button you pressed.
KQ-432 · INK/BLOOM
Fernworks · propagation beds
Propagation beds are running warm and even.
Bottom heat holds at the set point across all four beds. The cuttings that went in Tuesday are already showing callus at the base.
- Bed 1 moisturesteady
- Bed 3 heat matdrifting
- Cutting count412
it spreads from where you pressed
Install
One command — the source lands in your repo. Or copy it from the Code tab.
$ pnpm dlx shadcn@latest add @kinetiq/ink-bloom
Props
- index / children
- number · ReactNode[]
- default —
- Which panel shows; the children are the panels.
- duration / feather / edge
- number
- default —
- The bloom's length in seconds, its edge raggedness, and the dark rim's strength.
- origin
- [number, number]
- default —
- Where the bloom starts as a fraction of the surface; defaults to the last pointer position.
| Prop | Type | Default | Description |
|---|---|---|---|
| index / children | number · ReactNode[] | — | Which panel shows; the children are the panels. |
| duration / feather / edge | number | — | The bloom's length in seconds, its edge raggedness, and the dark rim's strength. |
| origin | [number, number] | — | Where the bloom starts as a fraction of the surface; defaults to the last pointer position. |