Hero 175 - Two-way integration marquee rowsPro

Centered copy above two rows of labelled app tiles that scroll in opposite directions under faded edges, pausing on hover, with a total-integrations count beneath.

About Hero 175

Centered copy above two rows of labelled app tiles that scroll in opposite directions under faded edges, pausing on hover, with a total-integrations count beneath.

Hero 175 is a hero block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 122 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.

  • integrations
  • marquee
  • app tiles
  • centered
  • logos

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 hero-175

Dependencies installed automatically: lucide-react.

Uses: button, marquee, reveal, utils.

Usage

import Hero175 from "@/components/blocks/hero-175"

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

FAQ