Logos 5 - Copy on the leftPro

Copy on the left; two chip-style marquees on the right scrolling in opposite directions at different speeds.

About Logos 5

Copy on the left; two chip-style marquees on the right scrolling in opposite directions at different speeds.

Logos 5 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.

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

Dependencies installed automatically: lucide-react.

Uses: marquee, reveal, utils.

Usage

import Logos05 from "@/components/blocks/logos-05"

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

FAQ