Genie Effect
ProA macOS genie minimize built on a real per-slice warp that sucks any window, folder, or panel down into a waiting dock.
cinematic interactionsgenieeffectframer motion
Props
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | - | false sucks the content into the origin point; true restores it. |
originX | "left" | "center" | "right" | number | "center" | Horizontal target — a keyword or a 0-1 fraction of the stage width. Values outside 0-1 are allowed, so the target may sit off-stage. |
originY | "top" | "center" | "bottom" | number | "bottom" | Vertical target — a keyword or a 0-1 fraction of the stage height. Set it when the target is not a dock along the bottom edge. |
duration | number | 0.72 | Animation duration in seconds. |
slices | number | 48 | Slice count. More slices means a smoother curve and more DOM nodes. |
onAnimationComplete | (open: boolean) => void | - | Fires once the minimize or restore animation settles. |