Web InnoventixFreeCode
All components

Free hover effects

Hover micro-interactions for cards, links, buttons, icons and avatars: lift, glow, tilt, spotlight and magnetic. Copy the code, grab an AI prompt, or install with the shadcn CLI.

Card Lift Hover Effect

Original

A card that lifts with a growing shadow on hover.

Card Glow Hover Effect

Original

A card with a coloured glow that blooms on hover.

Card Border Draw Hover Effect

Original

A card whose border draws itself in on hover.

Card Gradient Shift Hover Effect

Original

A card whose gradient background shifts on hover.

Card Tilt Hover Effect

Original

A card that tilts in 3D toward the cursor on hover.

Card Spotlight Hover Effect

Original

A card with a cursor-following radial spotlight.

Link Underline Hover Effect

Original

Animated link underline effects: grow, slide and centre-out.

Link Slide Hover Effect

Original

Links whose label slides up to a duplicate on hover.

Button Fill Hover Effect

Original

Buttons with a colour fill that sweeps across on hover.

Button Shine Hover Effect

Original

Buttons with a diagonal shine sweep on hover.

Icon Fill Hover Effect

Original

Icon buttons whose icon and background fill on hover.

Icon Bounce Hover Effect

Original

Icons that bounce or spin playfully on hover.

List Highlight Hover Effect

Original

A list where the hovered row gets a sliding highlight and arrow.

Nav Underline Hover Effect

Original

A nav bar with animated underline indicators on hover.

Badge Pop Hover Effect

Original

Badges and pills that pop and change colour on hover.

Avatar Ring Hover Effect

Original

Avatars that gain an animated gradient ring on hover.

Image Card Hover Effect

Original

An image card with a title overlay that reveals on hover.

Social Icons Hover Effect

Original

A row of social icon buttons with distinct hover animations.

3D Button Hover Effect

Original

A chunky 3D push-button that depresses on hover and press.

Magnetic Hover Effect

Original

A button that magnetically nudges toward the cursor.