Hero 134 - Mobile app with twin phones and store buttonsPro

Centered app hero with store download buttons and rating, above two overlapping phone mockups that rise in on scroll.

About Hero 134

Centered app hero with store download buttons and rating, above two overlapping phone mockups that rise in on scroll.

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

  • mobile
  • app
  • phone
  • app-store
  • rating

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

Dependencies installed automatically: lucide-react.

Uses: reveal, utils.

Usage

import Hero134 from "@/components/blocks/hero-134"

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

FAQ