shadcn-ui

mirror of https://github.com/shadcn-ui/ui.git synced 2026-06-27 14:44:12 +00:00

Files

Kian Bazza 5085e48241 feat(components): add origin-aware animations (#6945 )

This PR adds origin-aware animations to the following components:

- Context menu
- Dropdown menu
- Hover card
- Menu bar
- Popover
- Select
- Tooltip

This is accomplished with the custom property `--radix-<component>-transform-origin`, exposed by Radix on the following components:

For more information on this custom property, see the Radix docs; context menu as an example: https://www.radix-ui.com/primitives/docs/components/context-menu#origin-aware-animations

You can see a side-by-side comparison in the following video:

https://github.com/user-attachments/assets/ad8d548b-eb8d-4818-acb4-73c7cdaecc3f

2025-03-17 11:04:00 +00:00

.autogenerated

(5/n) shadcn: migrate all components and blocks (#6567 )

2025-02-05 00:15:07 +04:00

.gitkeep

(5/n) shadcn: migrate all components and blocks (#6567 )

2025-02-05 00:15:07 +04:00

index.tsx

feat(components): add origin-aware animations (#6945 )

2025-03-17 11:04:00 +00:00

README.md

(5/n) shadcn: migrate all components and blocks (#6567 )

2025-02-05 00:15:07 +04:00

README.md

Files inside this directory is autogenerated by ./scripts/build-registry.ts. Do not edit them manually. - shadcn