CTA
A powerful Call-to-Action component built with shadcn's design system.
This component features multiple styles including box layouts and beam effects, all following shadcn's minimalist aesthetic. Each variant is designed to create compelling call-to-action sections that drive user engagement.
Built with Tailwind CSS, it ensures responsive design and seamless integration with other shadcn components. The component maintains high accessibility standards while providing flexibility in how you present your calls to action.
Installation
Set up project
If you haven't done that already, follow the installation guide before installing your first component.
Install components and dependencies
npx shadcn@latest add @launchui/cta
This command will:
- install necessary dependencies and add them to
package.json - add necessary components to
components/ui - add a ready-to-use block to
components/sections
Add more variants
Get Launch UI Pro to access all variants.
Usage
Start building
Start building with Launch UI
Get started with Launch UI and build your landing page in no time
Start building
Get started with Launch UI and build your landing page in no time
14-days trials. No credit card required.
Need more variants?
Learn how to create more variants on your own.
Check out my free course designwithcode.dev
Need help?
File a feature request, report a bug, or ask me anything.