Popover, menu and select animations
Popover, dropdown menu, select, tooltip, accordion and six more shadcn/ui components already animate well. Keyframery gives them one speed and easing.
These components already open from their trigger in stock shadcn. Keyframery doesn't replace their motion. It retimes their own keyframes to 180 ms × pace with --kf-ease, so they move at the same pace as everything else, and it makes sure closing returns to the trigger.
| Component | ||
|---|---|---|
| popover | dropdown-menu | context-menu |
| menubar | select | combobox |
| hover-card | tooltip | navigation-menu |
| accordion | collapsible |
Install
Nothing beyond <Cuts />.
Options
They have no menu, and they follow the variables.
Prop
Type
Command
Animate the shadcn/ui Command menu: it opens with the dialog's cut, growing into place instead of popping in, with no changes to your component.
How it works
How one <Cuts /> line animates shadcn/ui: the six kinds of interface change, how enter and exit animations play, and how portaled dialogs keep settings.