Getting Started
Templates
Blocks
Components
For solo developers, indie hackers, and freelancers shipping their own products. Pay once, keep everything forever.
Instant download · No subscription · Lifetime access
For small teams, agencies, and freelancers shipping multiple client products. Lifetime access for everyone on your team.
Instant CLI token for 5 seats · Onboarding included · Invoice on request
pnpm dlx shadcn@latest add @ruixenui-pro/logo-cloudAnimatePresence).IntersectionObserver pauses the cycle while the section is offscreen — no needless re-renders or wasted animation frames.brightness-0 dark:invert, so they pick up the current theme automatically.md upward.The component reads from a CATEGORIES constant near the top of the file. Each entry holds a key, a label used in the trust sentence, and an array of logo descriptors. To swap in your own brands, place the asset files under /public/logos/ and edit the array — the file extension is declared per logo so you can mix SVG and PNG.
const CATEGORIES = [
{
key: "ai",
label: "Generative AI Companies",
logos: [
{ name: "your-logo", ext: "svg", alt: "Your Logo" },
// ...
],
},
// ...
]brightness-0 filter collapses all colors to black before the dark-mode invert is applied.brightness-0.