Hover Glow

A dynamic Hover Glow component that smoothly follows the cursor, creating a responsive lighting effect.

Cursor trackingResponsive lightingGrid support
Basic
Features

Cursor Following

Light source smoothly tracks mouse movement.

Card Integration

Perfect for highlighting interactive cards.

Grid Compatible

Works seamlessly within grid layouts.

Installation
Works with npm, pnpm, yarn, and bun

$npx libravelui@latest add hover-glow

Anatomy
import { HoverGlow } from "@/components/ui/motion/hover-glow";<HoverGlow><div className="p-4 bg-card rounded-lg">  Card Content</div></HoverGlow>
Testing Playground
Grid Layout
Props

Loading types…

Accessible React component library to copy, customize, and own your UI. Built for Next.js, Vite, and Laravel.

Crafted by dervyon. Peep the Source Code on GitHub.

Hosted on Vercel. The source code's got the MIT license.

2025 - 2026 · LibravelUI

Starter Kits

Templates

    Coming Soon

Labs