Shadcn.io is not affiliated with official shadcn/ui
CTA Github Action
A GitHub Action install CTA block for React and Next.js with YAML code preview, copy-to-clipboard button, dual action buttons, and staggered entrance animations built with shadcn/ui and Tailwind CSS
Promote GitHub Action adoption with this install CTA block for React and Next.js. Features a dark YAML code preview with a ghost copy button that swaps between CopyIcon and CheckIcon states, dual action buttons for repository installation and marketplace browsing, and Balancer-wrapped description text. Built with TypeScript, shadcn/ui Button components, Framer Motion for staggered entrance animations, and Tailwind CSS. Perfect for open-source project pages, CI/CD tool marketing, and developer tool documentation sites.
Related Components
Open Source CTA
Open source contribution prompt
Integration CTA
Third-party integration setup
API Key CTA
API key generation prompt
Documentation CTA
Documentation getting started block
Changelog CTA
Product changelog update block
Hero Blocks
Landing page hero sections
FAQ
Was this page helpful?
Sign in to leave feedback.
Free Trial
A premium free trial call-to-action block for React and Next.js with feature checklist, trial details, and signup button built with shadcn/ui and Tailwind CSS
Github Sponsors
A sponsor and support CTA block for React and Next.js with tier selector, animated amount display, and sponsor stats built with shadcn/ui and Tailwind CSS