Logos 31 - Customer bentoPro

A bento grid mixing a big customer-count tile, a short quote, a featured logo and smaller logo cells.

About Logos 31

A bento grid mixing a big customer-count tile, a short quote, a featured logo and smaller logo cells.

Logos 31 is a pro logos block for React, built on shadcn/ui and Tailwind CSS. It ships as 85 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

  • bento
  • grid
  • stat
  • quote

Installation

  1. Add the Chocolate UI registry to your components.json (see the installation guide).
  2. Run the shadcn CLI:
npx shadcn@latest add @chocolate/logos-31

Dependencies installed automatically: lucide-react.

Uses: number-ticker, reveal, utils.

Usage

import Logos31 from "@/components/blocks/logos-31"

export default function Page() {
  return <Logos31 />
}

FAQ