Logo Cloud

Installation

$ shadcn add @jalco/logo-cloud

Usage

import { LogoCloud, LogoCloudMarquee } from "@/components/logo-cloud"

<LogoCloudMarquee logos={logos} title="Trusted by" />

Client component. Pass an array of { src, alt, href? } objects. Logos render grayscale by default and colorize on hover.

Examples

Static grid

Marquee

API Reference

Notes

• Client component. Marquee uses CSS animation with pause-on-hover.
• No dependencies. Pure CSS animation — no motion libraries.
• Grayscale by default. Logos render at 60% opacity in grayscale and colorize on hover.