Logos

A versatile logo showcase component following shadcn's design principles.

This component features multiple display options to showcase your brand partnerships or client logos. Choose from marquee animations, static grids, and various responsive layouts to create the perfect logo showcase for your needs.

Built with Tailwind CSS and React, it provides smooth animations and seamless integration with shadcn's component ecosystem. The component maintains consistent styling while offering flexibility in how you present your logo collections.

Installation

1

Set up project

If you haven't done that already, follow the installation guide before installing your first component.

2

Install components and dependencies

npx shadcn@latest add "https://launchuicomponents.com/r/logos"

This command will:

  • install necessary dependencies and add them to package.json
  • add components required by this block to work to components/ui
  • add a ready-to-use block to components/sections
3

Add more variants

Get Launch UI Pro to access all variants.

Get Launch UI Pro

Usage

Free
Last updated: 14 Apr 2025

Built with industry-standard tools and best practices

Figma
React19.0.0
TypeScript5.6.3
Shadcn/ui2.4.0
New
Tailwind4.0
New

Trusted by world's leading companies

Catalog
PictelAI
CoreOS
EasyTax
Peregrin
LeapYear
Catalog
PictelAI
CoreOS
EasyTax
Peregrin
LeapYear
Catalog
PictelAI
CoreOS
EasyTax
Peregrin
LeapYear
Catalog
PictelAI
CoreOS
EasyTax
Peregrin
LeapYear

Trusted by world's leading companies

Catalog
PictelAI
CoreOS
EasyTax
Peregrin
LeapYear

Trusted by world's leading companies

Catalog
PictelAI
CoreOS
EasyTax
Peregrin
LeapYear
Catalog
PictelAI

Trusted by world's leading companies

Catalog
PictelAI
CoreOS
EasyTax
Peregrin
LeapYear

Need help?

File a feature request, report a bug, or ask me anything.