Mouse Effect Card
Interactive card with an animated dot pattern that repels away from the cursor, powered by React, Tailwind CSS and Motion spring physics.
- Library
- Kokonut UI
- Framework
- React
- Type
- component
- License
- MIT
- Dependencies
- motion
- Install
npx shadcn@latest add @kokonutui/mouse-effect-card- Files
components/kokonutui/mouse-effect-card.tsxcomponents/ui/button.tsxcomponents/ui/card.tsxlib/utils.ts
- Source
- https://github.com/kokonut-labs/kokonutui
Categories
- Card Components
- React Card Components
- Tailwind CSS Card Components
- Animated Card Components
- shadcn/ui Card Components
- Cursor Effect Components
- React Cursor Effect Components
- Tailwind CSS Cursor Effect Components
- Data Display Components
- React Data Display Components
- Tailwind CSS Data Display Components
- Animated Data Display Components