Magic Card
A spotlight effect that follows your mouse cursor and highlights borders on hover.
- Library
- Animations (Svelte)
- Framework
- Svelte
- Type
- block
- License
- MIT
- Dependencies
- motion-sv
- Install
pnpm dlx shadcn-svelte@latest add https://sv-animations.vercel.app/r/magic-card.json- Files
src/lib/components/magic/magic-card/magic-card.sveltesrc/lib/components/magic/magic-card/index.tssrc/lib/utils.ts
- Source
- https://github.com/SikandarJODD/animations
Categories
- Card Components
- Svelte Card Components
- Tailwind CSS Card Components
- Animated Card Components
- Data Display Components
- Svelte Data Display Components
- Tailwind CSS Data Display Components
- Animated Data Display Components
- Effect Components
- Svelte Effect Components
- Tailwind CSS Effect Components
- Animated Effect Components