Cursor Cards

Interactive cards with animated gradient borders that respond to cursor movement and proximity. Inspired by Cursor's website.

Library

Badtz UI

Framework

React

Type

ui

License

MIT

Dependencies

clsx, motion, tailwind-merge

Install

npx shadcn@latest add https://badtz-ui.com/r/cursor-cards.json

Files

• registry/new-york-v4/ui/cursor-cards.tsx
• lib/utils.ts

Source

https://github.com/badtzx0/badtz-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
• Effect Components
• React Effect Components
• Tailwind CSS Effect Components
• Animated Effect Components

More from Badtz UI

• Animated Card 1
• Animated Card 2
• Animated Card 3
• Expandable Card
• Flipping Card
• 3D Wrapper
• Animated Keyboard
• Animated List
• Blur Reveal
• Border Beam
• Button
• Cloud Orbit