Creepy Button
A unique button with a “creepy” morphing animation effect that distorts on hover. Creates an unsettling, attention-grabbing effect.
Install using CLI
npx shadcn@latest add "https://obsidianui.dev/r/creepy-button.json"Install Manually
1
Install dependencies
2
Copy the source code
Copy into components/ui/creepy-button.tsx
Note: Install via CLI for the full source code with SVG filter animation logic.
Props
| Prop Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | - | Button content |
| className | string | - | Additional CSS classes |
| onClick | () => void | - | Click handler |