Carregando…
Carregando…
Carregando…Testimonial cards scrolling in an infinite loop (list cloned at runtime), pause-on-hover — adapted from Aceternity UI.
Infinite Moving Cards — cards de depoimento em loop
Os tokens deixam tudo consistente sem esforço.AnaDesign Lead
Instalei via CLI e já estava produzindo.BrunoFrontend
Dark e light saem de graça em todo componente.CarlaPM
$ npx kikitocn add infinite-moving-cards@/lib/utilsimport { InfiniteMovingCards } from "@/components/ui/cn/infinite-moving-cards/InfiniteMovingCards";
export function InfiniteMovingCardsExample() {
return (
<InfiniteMovingCards direction="left" speed="fast" />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
items* | InfiniteMovingCardItem[] | — | { quote, name, title }[] |
direction | 'left' | 'right' | 'left' | Sentido do movimento |
speed | 'fast' | 'normal' | 'slow' | 'fast' | Velocidade (20s/40s/80s) |
pauseOnHover | boolean | true | Pausa ao passar o mouse |
className | string | — | Classes CSS extras |