SmoothUI

Glow Hover Cards

Cards with a glowing hover effect that follows your cursor, creating an interactive spotlight effect.

Open in v0

Last updated: January 4, 2026

Design System

Build beautiful interfaces with our comprehensive design system

  • ✓Component library
  • ✓Color palette
  • ✓Typography scale
Explore

Components

Pre-built components ready to use in your next project

  • ✓40+ components
  • ✓Fully customizable
  • ✓TypeScript support
View All

Animations

Smooth, performant animations powered by Framer Motion

  • ✓GPU accelerated
  • ✓Accessible
  • ✓Spring physics
Learn More

Installation

pnpm dlx shadcn add @smoothui/glow-hover-card
npx shadcn@latest add @smoothui/glow-hover-card
yarn dlx shadcn add @smoothui/glow-hover-card
bunx shadcn add @smoothui/glow-hover-card

Features

  • Cursor-following glow effect using CSS mask-image
  • Customizable color themes per card (HSL)
  • Smooth animations and transitions
  • Accessible with reduced motion support
  • Performant GPU-accelerated effects

Props

Figma Comment

An animated comment bubble component inspired by Figma's comment system. Expands from a small avatar to show full comment details with smooth spring animations.

GitHub Stars Animation

Display GitHub stargazers with animated avatars and a countdown star counter. Perfect for hero sections and landing pages.

On this page

Installation
Features
Props

Created by

Edu Calvo's avatar
Edu Calvo

Powered by

motion.dev