Spotlight Card
A radial gradient that follows the mouse cursor as it moves across the card.
Introduction
A radial gradient that follows the mouse cursor as it moves across the card.
Spotlight Card -- Basic
AHs Lab
Next Js
The React Framework for the Web
Used by some of the world's largest companies, Next.js enables you to create high-quality web applications with the power of React components.
npx shadcn@latest add https://ahs-lab.vercel.app/r/SpotlightCard.jsonSpotlight Card -- Border Glow
AHs Lab
Framer Motion
Production-ready animations
A simple yet powerful motion library for React that brings your components to life with smooth animations.
npx shadcn@latest add https://ahs-lab.vercel.app/r/SpotlightCardBorderGlow.jsonSpotlight Card -- Animated Border
AHs Lab
Vercel
Build and deploy in seconds
Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration.
npx shadcn@latest add https://ahs-lab.vercel.app/r/SpotlightCardAnimatedBorder.json