Glass Shimmer Button
A premium glassmorphism button with continuous shimmer animation and hover effects.
Installation
pnpm dlx rareui add glass-shimmer-button
Usage
1
Import the component
import { GlassShimmerButton } from '@/components/rareui/glass-shimmer-button';
2
Use in your application
export default function App() {
return (
<GlassShimmerButton onClick={() => alert('Clicked!')}>
Click Me
</GlassShimmerButton>
);
}
Features
Self-contained animated shimmer effect that runs continuously.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | - | The content to display inside the button. |
className | string | - | Additional CSS classes to merge with default styles. |
...props | ButtonHTMLAttributes | - | Any additional HTML button attributes (onClick, disabled, etc.). |