Flowing Logos

Flowing logo showcase with smooth animations, hover effects, and modern UI.

Loading...

Installation

npx shadcn@latest add @scrollxui/flowing-logos 

Usage

import { FlowingLogos } from '@/components/ui/flowing-logo';
<FlowingLogos
  data={[
    { image: "/assets/logos/tesla.jpg", name: "Tesla" },
    { image: "/assets/logos/meta.jpg", name: "Meta" },
    { image: "/assets/logos/openai.jpg", name: "OpenAI" },
    { image: "/assets/logos/nvidia.jpg", name: "NVIDIA" },
    { image: "/assets/logos/intel.jpg", name: "Intel" },
    { image: "/assets/logos/sony.jpg", name: "Sony" },
    { image: "/assets/logos/paypal.jpg", name: "PayPal" },
    { image: "/assets/logos/uber.jpg", name: "Uber" },
    { image: "/assets/logos/stripe.jpg", name: "Stripe" },
  ]}
/>

API Reference

Flowing Logos

Flowing logo showcase with smooth animations, hover effects, and modern UI.

Props

PropertyTypeDefaultDescription
dataArray<Logo>required
An array of logo objects to display.
namestringrequired
Name of the logo or brand. Used inside each logo object.
imagestringrequired
URL of the logo image. Used inside each logo object.
classNamestringundefined
Optional additional CSS classes applied to the container.
cardClassNamestringundefined
Optional additional CSS classes applied to each logo card.

Built withby Ahdeetai.