Logos 36 - Press logos with quotes on clickPro

"As seen in" publication wordmarks act as tabs; selecting one swaps in that outlet's pull quote and article link.

About Logos 36

"As seen in" publication wordmarks act as tabs; selecting one swaps in that outlet's pull quote and article link.

Logos 36 is a pro logos block for React, built on shadcn/ui and Tailwind CSS with motion animations that respect reduced-motion settings. It ships as 91 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.

  • press
  • quotes
  • as-seen-in
  • interactive

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-36

Dependencies installed automatically: lucide-react, motion.

Uses: reveal, utils.

Usage

import Logos36 from "@/components/blocks/logos-36"

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

FAQ