CTA 55 - Hover-reveal wordmarkPro
Closing CTA above an oversized outlined wordmark whose letters fill in one by one as the pointer passes over them.
About CTA 55
Closing CTA above an oversized outlined wordmark whose letters fill in one by one as the pointer passes over them.
CTA 55 is a pro cta block for React, built on shadcn/ui and Tailwind CSS with motion animations that respect reduced-motion settings. It ships as 102 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.
- interactive
- wordmark
- hover
- typography
- footer
Installation
- Add the Chocolate UI registry to your
components.json(see the installation guide). - Run the shadcn CLI:
npx shadcn@latest add @chocolate/cta-55Dependencies installed automatically: lucide-react, motion.
Uses: button, reveal, use-reduced-motion, utils.
Usage
import Cta55 from "@/components/blocks/cta-55"
export default function Page() {
return <Cta55 />
}