Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:uiSelf-contained

Glare Hover

glare-hover

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

@magicuiRegistry JSON
Live, loading

Starting the live preview…

Rendered from its demo Glare Hover Demo. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

3 demos

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Pricing card with diagonal hover glare (duration 600ms).

@magicui

More from @magicui

All 71 items
Dia Text Reveal
dia-text-reveal
Component
Safari
safari
Component
Text Animate
text-animate
Component
Dock
dock
Component
Text Reveal
text-reveal
Component
Noise Texture
noise-texture
Component
Interactive Grid Pattern
interactive-grid-pattern
Component
Theme Toggler
animated-theme-toggler
Component