ComponentReactregistry:ui

Glare Hover

glare-hover

A diagonal glare on hover using a ::before gradient and CSS variables (angle, size, duration, color).

This item declares no source files.

Install

npx shadcn@latest add @magicui/glare-hover

Needs @magicui in your components.json registries — switch to URL if it doesn't resolve.

Registry: @magicui
Kind: Component
Framework: React
Files: 0 · 4.1 KB
Preview: Unavailable

This item belongs to @magicui. Registry Index indexes and previews it; check the registry's license before use.

3 examples

See it in use

Glare Hover Demo — Alerts

m@magicui

Example

No preview

Glare Hover Demo — CTA

m@magicui

Example

Used by 3 items

Built on Glare Hover

Other @magicui items that list this one as a dependency.

Glare Hover Demo — Alerts

m@magicui

Example

No preview

Glare Hover Demo — CTA

m@magicui

Example

@magicui

More from @magicui

Animated Beam Bidirectional

m@magicui

Example

Animated Beam Multiple Inputs

m@magicui

Example

Animated Beam Unidirectional

m@magicui

Example

Animated Circular Progress Bar Demo

m@magicui

Example

Animated Grid Pattern

Animated Theme Toggler — Diamond

m@magicui

Example