Hero 268 - Crossed tilted marquee ribbonsPro
Centered headline above two marquee ribbons tilted in opposite directions so they cross — one solid black band of keywords, one hairline band of customer names.
About Hero 268
Centered headline above two marquee ribbons tilted in opposite directions so they cross — one solid black band of keywords, one hairline band of customer names.
Hero 268 is a pro hero block for React, built on shadcn/ui and Tailwind CSS. It ships as 82 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.
- marquee
- ribbons
- tilted
- crossed
- logos
- centered
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/hero-268Dependencies installed automatically: lucide-react.
Uses: button, marquee, reveal, utils.
Usage
import Hero268 from "@/components/blocks/hero-268"
export default function Page() {
return <Hero268 />
}