Hero 160 - Open-source project with stars and contributorsPro

Open-source hero with GitHub star button and ticking count, package-manager tabs for the install command, contributor avatar wall and license/version meta.

About Hero 160

Open-source hero with GitHub star button and ticking count, package-manager tabs for the install command, contributor avatar wall and license/version meta.

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

  • open-source
  • github
  • install
  • contributors
  • developer

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

Dependencies installed automatically: lucide-react.

Uses: button, number-ticker, reveal, utils.

Usage

import Hero160 from "@/components/blocks/hero-160"

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

FAQ