Centered call to action
A muted band with a headline, one sentence and two centered actions.
CK-UI components
npm packages
npm install @radix-ui/react-slot class-variance-authorityAll blocks
Call to Action blocks
Closing prompts: centered, split, banner and with supporting trust points.
4 variants. Every block is one file built from CK-UI components and works in light and dark mode.
Split call to action
Copy on the left and actions on the right inside a bordered panel; stacks on small screens.
CK-UI components
npm packages
npm install @radix-ui/react-slot class-variance-authority react-iconsInverted banner
A high-contrast inverted banner (dark on light pages, light on dark pages) with two actions.
CK-UI components
npm packages
npm install @radix-ui/react-slot class-variance-authorityCall to action with trust points
Headline and actions next to a short list of reassurances such as free limits and data export.
CK-UI components
npm packages
npm install @radix-ui/react-slot class-variance-authority react-icons