MotionzPill Drop
Glossy capsules rain into a physics pile, then chosen ones fly out to where you point them.
remotionmatter-js@types/matter-js
Installation
Terminal
npx shadcn@latest add https://motionz.dev/r/pill-drop.jsonProps
| Name | Type | Default | Description |
|---|---|---|---|
| pills | Pill[] | – | Gloss capsules ({ kind: "gloss", tone, w, h }) and labelled pills ({ kind: "logo", name, h }). |
| at | number | – | Frame the first pill appears. |
| every | number | – | Frames between pills. |
| frames | number | – | Frames to simulate. The pile holds its last pose after. |
| seed | string | – | Same seed, same pile, in every render tab. |
| spread | number | 260 | How far above the frame pills start, px. |
| gather | PillGather | – | Fly logo discs out of the pile: { at, frames, to(pill, i), scale }. |
| color | string | "#1d1d1f" | Text colour on logo pills. |