Hero 274 - Scroll-lit manifesto paragraphPro

Founder-letter hero: a short label and headline, then a long manifesto paragraph whose words light up from grey to black as you scroll, signed with an avatar.

About Hero 274

Founder-letter hero: a short label and headline, then a long manifesto paragraph whose words light up from grey to black as you scroll, signed with an avatar.

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

  • text-effect
  • scroll
  • text-reveal
  • manifesto
  • founder
  • editorial

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

Dependencies installed automatically: lucide-react.

Uses: button, reveal, text-reveal, utils.

Usage

import Hero274 from "@/components/blocks/hero-274"

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

FAQ