ComponentReactregistry:component3 dependencies

Card-placement hover

hover-card-placement

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.

@ai2 Registry JSON

Live

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Install

npx shadcn@latest add @ai2/hover-card-placement

Needs @ai2 in your components.json registries — switch to URL if it doesn't resolve.

Registry: @ai2
Kind: Component
Framework: React
Files: 1 · 6.8 KB
Preview: Live
License: MIT

npm dependencies

motion lucide-react

Registry dependencies

tokens@ai2

@ai2

More from @ai2

Search the catalog

Card-placement hover

More from @ai2