Logos 13 - Logomarks with tooltip namesPro

A row of square logomark tiles that reveal the company name and industry in a tooltip on hover or focus.

About Logos 13

A row of square logomark tiles that reveal the company name and industry in a tooltip on hover or focus.

Logos 13 is a logos block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 87 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.

  • tooltip
  • logomarks
  • icons
  • hover

Installation

  1. Set up your project with npx chocolateui init and npx chocolateui login (see the installation guide).
  2. Run the Chocolate UI CLI:
npx chocolateui add logos-13

Dependencies installed automatically: lucide-react.

Uses: reveal, tooltip, utils.

Usage

import Logos13 from "@/components/blocks/logos-13"

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

FAQ