Carregando…Carregando…Carregando…Carregando…Card that wobbles (translate3d, no rotation) toward the cursor with an inner counter-shift and a noise texture — adapted from Aceternity UI.
Wobble Card — cambaleia seguindo o mouse (sem rotação)
Kikito CN
Cards com elasticidade pra hero e marketing.
$ npx kikitocn add wobble-card@/lib/utilsmotion| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
children* | React.ReactNode | — | Conteúdo do card |
containerClassName | string | — | Classe na section externa (fundo, raio) |
className | string | — | Classe no conteúdo interno (padding) |
import { WobbleCard } from "@/components/ui/cn/wobble-card/WobbleCard";
export function WobbleCardExample() {
return (
<WobbleCard>
Wobble Card
</WobbleCard>
);
}