Card Placement Hover

component

Styled hover: the Card-placement set. 5 decorative hover variations (TopHoverCard, BottomHoverCard, LeftHoverCard, RightHoverCard, FollowHoverCard) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.

pnpm dlx shadcn@latest add "https://ai2.design/r/hover-card-placement.json"

Sign In

Card Placement Hover

component

Styled hover: the Card-placement set. 5 decorative hover variations (TopHoverCard, BottomHoverCard, LeftHoverCard, RightHoverCard, FollowHoverCard) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.

pnpm dlx shadcn@latest add "https://ai2.design/r/hover-card-placement.json"

components/ui/hover-card-placement.tsx