ShimmerButton

Premium

Buttons

Button with animated shimmer/shine effect. Multiple variants including border shimmer, pulse glow, and single shine pass.

Dependencies:

framer-motion

Full

Preview

Interactive

Installation

1. Install dependencies

npm install framer-motion

2. Copy the component

Copy the source code from the Code tab above and save it to your components folder.

3. Import and use

import { ShimmerButton } from '@/components/ShimmerButton'

A button that magnetically follows the cursor on hover, creating an engaging interactive effect.

Material Design-style button with click ripple effect and loading states.

Button with animated glow effect, supporting pulse, hover, always-on, and gradient variants.