Magic Card
A spotlight effect that follows your mouse cursor and highlights borders on hover.

- Library
- Magic UI
- Framework
- React
- Type
- ui
- License
- MIT
- Dependencies
- motion, next-themes
- Install
npx shadcn@latest add @magicui/magic-card- Files
apps/www/registry/magicui/magic-card.tsx
- Source
- https://github.com/magicuidesign/magicui
Categories
- Card Components
- React Card Components
- Tailwind CSS Card Components
- Animated Card Components
- Data Display Components
- React Data Display Components
- Tailwind CSS Data Display Components
- Animated Data Display Components
- Effect Components
- React Effect Components
- Tailwind CSS Effect Components
- Animated Effect Components