Magnetic Cards

A fanned stack of cards that fling away from the cursor on release, with GSAP InertiaPlugin easing each one back to rest.

Library

Sora UI

Framework

React

Type

ui

License

MIT + Commons Clause (partes)

Dependencies

@gsap/react, gsap

Files

• apps/www/registry/primitives/effects/magnetic-cards/index.tsx
• apps/www/registry/hooks/use-prefers-reduced-motion/index.tsx
• packages/ui/src/lib/utils.ts

Source

https://github.com/SoraLabsOSS/ui

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

More from Sora UI

• Inline Testimonials
• Sticky Scroll Cards
• Tilt Card
• Accordion
• Base Accordion
• Base Alert Dialog
• Base Button
• Base Checkbox
• Base Context Menu
• Base Dialog
• Base Dropdown Menu
• Input