Search blocks

Find a block by name or category

17 Blocks

Cta Blocks

Cta blocks built on shadcn/ui and Base UI. Preview each one live, then install it with a single shadcn command.

Cta 1

Free

A centered call-to-action band with a heading and buttons.

Button
@remixicon/react

Cta 2

Free

A compact bordered card on a bg-muted panel with a heading, single line of subtext, and one full-width primary button, centered and minimal.

Button
@remixicon/react

Cta 3

Free

Full-width inverted CTA banner on bg-primary with a bold heading, supporting line, and a high-contrast secondary button in a horizontal split layout.

Button
@remixicon/react

Cta 4

Free

Centered CTA band with heading, inline email-capture form, and a no-spam privacy note in a muted card

ButtonInputLabel
@remixicon/react

Cta 5

Free

Split CTA with eyebrow, heading, dual buttons, and a framed faux app-screenshot card built from divs

BadgeButtonCard
@remixicon/react

Cta 6

Free

An app-download call to action with App Store and Google Play buttons and a static QR-code placeholder on a bordered panel.

@remixicon/react

Cta 7

Pro

Pro integrations CTA: centered copy with a rotating headline word and dual buttons over a soft spotlight, ringed by floating product-logo tiles (svgl) that colorize on hover; scroll-into-view blur-rise, theme-aware, reduced-motion friendly, ring hidden on mobile.

Button
@remixicon/reactmotion

Cta 8

Pro

Pro waitlist CTA: an avatar-stack proof badge and an email-capture form that blur cross-fades to a success state on submit, above a live counter that ticks up as teams join; scroll-into-view blur-rise, theme-aware, reduced-motion friendly.

AvatarButtonInputLabel
@remixicon/reactmotion

Cta 9

Pro

Pro open-source CTA: centered copy with a star-count badge and a GitHub button over a soft spotlight, ringed by floating activity cards (a comment, a commit, a merged PR); scroll-into-view blur-rise, theme-aware, reduced-motion friendly, cards hidden on mobile.

AvatarButton
@remixicon/reactmotion

Cta 10

Pro

Pro event-registration CTA: centered copy and a reserve button above a peeking stack of session cards, the front card detailing a live event with host, duration, and agenda; scroll-into-view blur-rise, theme-aware, reduced-motion friendly.

AvatarButtonSeparator
@remixicon/reactmotion

Cta 11

Pro

Pro enterprise CTA: a bordered panel with a certification badge, heading, and Contact Sales button over slowly drifting browser-window mocks and a corner net mesh; scroll-into-view blur-rise, theme-aware, reduced-motion friendly, backdrop hidden on mobile.

Button
@remixicon/reactmotion

Cta 12

Pro

Pro social-proof CTA: a partner-count metric line above a heading with a highlighter-swiped keyword, a subtitle, and a single button; scroll-into-view blur-rise, theme-aware, reduced-motion friendly.

Button
@remixicon/reactmotion

Cta 13

Pro

Pro editorial CTA: a brand wordmark above a heading wrapped in a dashed canvas-selection frame with corner handles and a floating cursor tag, a subtitle, and a single button; scroll-into-view blur-rise, theme-aware, reduced-motion friendly.

Button
@remixicon/reactmotion

Cta 14

Pro

Pro split CTA: copy and dual buttons beside a live analytics dashboard card whose KPI counts up, area chart draws in, and Live dot pulses; scroll-into-view blur-rise, theme-aware, reduced-motion friendly, stacks copy-first on mobile.

Button
@remixicon/reactmotion

Cta 15

Pro

Pro split CTA: a demo-request form (name, email, team-size Select) that blur cross-fades to a success state on submit, beside copy with a live status line and a benefits checklist; scroll-into-view blur-rise, theme-aware, reduced-motion friendly, stacks copy-first on mobile.

ButtonInputLabelSelect
@remixicon/reactmotion

Cta 16

Pro

Pro split CTA: a recommendation stat, heading, and dual buttons beside a featured testimonial card with a quote, a highlighted result metric, a grayscale avatar, and an svgl company logo; scroll-into-view blur-rise, theme-aware, reduced-motion friendly, stacks copy-first on mobile.

AvatarButtonSeparator
@remixicon/reactmotion

Cta 17

Pro

Pro split CTA: a terminal that types a shadcn add command then holds its install output, beside install-focused copy and dual buttons; subtle desktop tilt, scroll-into-view blur-rise, theme-aware, reduced-motion friendly, stacks copy-first on mobile.

Button
@remixicon/reactmotion