Shadcn.io is not affiliated with official shadcn/ui
CTA Centered Light Handwritten Arrow Scribble
A centered light CTA for React and Next.js with a hand-drawn SVG curved arrow scribble pointing from the subtext down to the primary ShadcnioButton, italic handwritten note, and friendly onboarding copy built with shadcn/ui and Tailwind CSS
Convert visitors with this centered light handwritten arrow scribble CTA for React and Next.js. Features a hand-drawn SVG curved arrow with quadratic bezier path and organic arrowhead pointing from the subtext area down to the primary button, an italic handwritten "Start here!" note tilted beside the arrow, a rounded-2xl bordered card on bg-card, and a single primary ShadcnioButton paired with an optional ghost secondary. Built with TypeScript, ShadcnioButton from shadcn/ui, motion/react entrance animations, Lucide React icons, and Tailwind CSS. Perfect for onboarding welcome screens, beginner-friendly product launches, tutorial landing pages, and any marketing section where a casual hand-drawn cue softens the conversion moment.
Related Components
React CTA Centered Light Polaroid Stack Block
Centered light CTA with a rotated polaroid photo stack
React CTA Centered Light Icon Medallion Block
Centered light CTA with a stacked icon medallion
React CTA Centered Light Feature Checks Block
Centered light CTA with a checklist of features
React CTA Centered Light Numbered Steps Block
Centered light CTA with a compact numbered step list
React CTA Centered Light Link Secondary Block
Centered light CTA with a secondary text link below the button
React CTA Centered Light Trust Row Block
Centered light CTA with a trust row of logos
FAQ
Was this page helpful?
Sign in to leave feedback.
Centered Light Feature Checks
A centered light CTA for React and Next.js with a bordered card, inline feature check row, single primary ShadcnioButton, and trust text, built with shadcn/ui and Tailwind CSS
Centered Light Icon Medallion
A centered light CTA with icon medallion for React and Next.js with circular icon tile, short headline, subtitle, and dual ShadcnioButton row, built with shadcn/ui and Tailwind CSS