Skip to main content

Assets Templates Inspiration Components

Components/Magic UI

Magic Card

Magic Card

Pro

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

Category: Cards
Built with: React, Tailwind, Motion
Installs: motion next-themes
Files: magic-card.tsx

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

Magic UI

by Dillion Verma

76 components

Copyright (c) Magic UI. Open source, added by Craftwork. The license line stays in the copied code.

More like this

Case Study Flip Stack

Skeuomorphic Music Card

Client Tweet Card

Flight Status Card

Code Comparison

Hover Transition