Components
Loading preview...
Here is Marquee Effect component
@reapollo
npx shadcn@latest add https://21st.dev/r/larsen66/marquee-effectimport { MarqueeEffect } from "@/components/ui/marquee-effect";
const images = Array.from({ length: 7 }, (_, i) =>
`https://bundui-images.netlify.app/products/0${i + 1}.jpeg`
);
export default function MarqueeEffectExample() {
return (
<div className="h-80">
<MarqueeEffect gap={24} direction="vertical">
{images.map((src, i) => (
<img
key={i}
src={src}
alt={`Product ${i + 1}`}
className="w-32 aspect-square rounded-md"
/>
))}
</MarqueeEffect>
</div>
);
}