Wobble Card
A card effect that translates and scales on mousemove, perfect for feature cards.
Gippity AI powers the entire universe
With over 100,000 mothly active bot users, Gippity AI is the most popular AI platform for developers.
No shirt, no shoes, no weapons.
If someone yells “stop!”, goes limp, or taps out, the fight is over.
Signup for blazing-fast cutting-edge state of the art Gippity AI wrapper today!
With over 100,000 mothly active bot users, Gippity AI is the most popular AI platform for developers.
Installation
Run the following command
npx shadcn@latest add @aceternity/wobble-cardDownload noise.webp
Download noise.webp from this link and paste it in the public folder.
Props
| Prop Name | Type | Required | Description |
|---|---|---|---|
children | React.ReactNode | Yes | Content to be rendered inside the WobbleCard. |
containerClassName | string | No | Optional className for styling the container. |
className | string | No | Optional className for styling the children wrapper. |
Build websites faster and 10x better than your competitors with
Aceternity UI Pro
Next.js 15, Tailwind CSS v4 and Motion for react powered templates
70+ templates and component blocks combined
Ready to copy paste component blocks, save days of development time
