DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.6K
Sign inGet All-Access
Categories
Blog6
CompareNew Compare category with 3 versus section blocks3
Contact6
CTAAdded 11 new CTA blocks17
  • Cta 1
  • Cta 2
  • Cta 3
  • Cta 4
  • Cta 5
  • Cta 6
  • Cta 7
  • Cta 8
  • Cta 9
  • Cta 10
  • Cta 11
  • Cta 12
  • Cta 13
  • Cta 14
  • Cta 15
  • Cta 16
  • Cta 17
FAQ6
Hero16
How It WorksNew How It Works category with 5 numbered step blocks5
PricingNew Pricing category with a 4-tier pricing table block1

Shadcn CTA Blocks: Call to Action Sections That Close a Page

A call to action section is a promise and a button, and the variations are about what sits beside the button: an avatar row, a proof grid, a logo marquee, a checklist, a rating, a form field, a secondary link. These blocks ship those variations with the spacing and contrast done so the section reads as the close of the page rather than another card.

The set runs from centered sections and split layouts to full-width banners. 11 of the 17 are banners: 4 turn a photograph of Earth or Mars on a WebGL canvas, 1 cuts a tower photo out with an SVG mask, 1 floats 11 extruded logo tiles over an isometric grid, and the rest sit on gradients, a neon line stream, dot grids and corner glows. Of the 2 split layouts, 1 pairs its copy with an image panel and 1 stands an analytics console drawn in markup beside it.

All CTA Blocks

Open any block on its own page for a live preview, the components it is built from, and the install command.

  • Cta 1 Centered newsletter signup CTA with mail-prefixed email input and avatar-stack subscriber proof
  • Cta 2 Split CTA card with image media panel, badge eyebrow, dual link buttons, and feature trust strip
  • Cta 3 Centered Frame CTA with animated grid background, badge eyebrow, and single email capture form
  • Cta 4 Centered marketing CTA with badge eyebrow, framed three-column proof grid, and dual link buttons
  • Cta 5 Full-width aurora-gradient CTA banner with a two-line headline and one rounded-full pill button
  • Cta 6 Dark violet CTA banner with animated neon sine-wave line-stream backdrop and one rounded-full button
  • Cta 7 Animated analytics dashboard mockup on a gradient mesh beside CTA copy and a scrolling logo marquee
  • Cta 8 Night Earth CTA banner with WebGL city lights turning on the globe beside light and outline buttons
  • Cta 9 Frosted glass CTA panel over a star field with an orange sun and a turning night Earth
  • Cta 10 Figma and Cursor brand-button CTA centered under a pill eyebrow badge and a 9-avatar builder stack
  • Cta 11 Masked tower photo cutout bleeding off an emerald CTA banner with a looping wordmark marquee
  • Cta 12 Rotating Mars CTA banner on dotted indigo with paired buttons and 3 pulsing proof checks
  • Cta 13 MCP integrations CTA banner with 11 floating extruded logo tiles on an isometric grid floor
  • Cta 14 Dark newsletter signup banner with inline email join form and a rotating WebGL night Earth
  • Cta 15 Outcome checklist CTA banner on emerald with 4 checked items, an amber action and lime corner glows
  • Cta 16 Sales contact CTA banner with the headline left and Contact Us and Book a Call buttons right
  • Cta 17 Star rating review pill CTA on a dark dot-grain banner with a centered brand logo tile

What the CTA blocks cover

Marketing sections, each a full block with sample copy:

  • Centered newsletter signup CTA with mail-prefixed email input and avatar-stack subscriber proof
  • Split CTA card with image media panel, badge eyebrow, dual link buttons, and feature trust strip
  • Centered Frame CTA with animated grid background, badge eyebrow, and single email capture form
  • Centered marketing CTA with badge eyebrow, framed three-column proof grid, and dual link buttons
  • Full-width aurora-gradient CTA banner with a two-line headline and one rounded-full pill button
  • Dark violet CTA banner with animated neon sine-wave line-stream backdrop and one rounded-full button
  • Animated analytics dashboard mockup on a gradient mesh beside CTA copy and a scrolling logo marquee
  • Night Earth CTA banner with WebGL city lights turning on the globe beside light and outline buttons
  • Frosted glass CTA panel over a star field with an orange sun and a turning night Earth
  • Figma and Cursor brand-button CTA centered under a pill eyebrow badge and a 9-avatar builder stack
  • Masked tower photo cutout bleeding off an emerald CTA banner with a looping wordmark marquee
  • Rotating Mars CTA banner on dotted indigo with paired buttons and 3 pulsing proof checks
  • MCP integrations CTA banner with 11 floating extruded logo tiles on an isometric grid floor
  • Dark newsletter signup banner with inline email join form and a rotating WebGL night Earth
  • Outcome checklist CTA banner on emerald with 4 checked items, an amber action and lime corner glows
  • Sales contact CTA banner with the headline left and Contact Us and Book a Call buttons right
  • Star rating review pill CTA on a dark dot-grain banner with a centered brand logo tile

What Sits Beside the Button

  • Planets turned in WebGL 4 banners carry a photograph of Earth or Mars and turn its surface on a WebGL canvas, 1 turn every 90 seconds. The still photo is the resting frame under reduced motion or without WebGL, and the loop pauses off screen and in a hidden tab.
  • Product art drawn in code A split layout stands an analytics console drawn in markup on a gradient mesh, with KPI cards, a revenue chart and an order Table with Progress bars. A banner draws 11 extruded integration tiles over an isometric grid floor and floats them with motion/react.
  • Proof rows Avatar stacks of 5 and 9 faces, a 3-column Frame proof grid, 2 marquees of 8 wordmarks that pause on hover, a 4 wordmark trust row, 3 pulsing proof checks, a 4 item outcome checklist and a Rating pill with a review count.
  • Email capture 3 blocks carry an email form: a mail-prefixed Input Group, a plain Input with a submit button on a Frame, and an @-prefixed field whose confirmation swaps in through an aria-live region.

Built from

  • shadcn/ui components Button, Card, Item, Avatar, Input Group, Input, Separator, Table, Progress, Kbd, the same components your project already owns.
  • ReUI primitives Badge eyebrows, Frame panels, IconTile icon plates and a Rating score, the free primitives these Pro blocks build on.
  • Both twins, every style Each block ships on Base UI and on Radix, in 8 design styles, and names every part it composes on its page.

All Shadcn Block Groups

Browse the full ReUI Shadcn blocks library by product surface. Each group bundles category-level blocks you can mix and match across your project.

  • Shadcn Application Blocks (307) Browse 307 Shadcn Application blocks across 22 categories.
  • Shadcn Data Grid Blocks (38) Browse 38 Shadcn Data Grid blocks across 8 categories.
  • Shadcn Solutions Blocks (66) Browse 66 Shadcn Solutions blocks across 9 categories.
  • Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
  • Shadcn Marketing Blocks (60) Browse 60 Shadcn Marketing blocks across 8 categories.
  • Shadcn AI & Agents Blocks (17) Browse 17 Shadcn AI & Agents blocks across 2 categories.

Frequently Asked Questions

Can the CTA track clicks?

The button is a plain link or button; attach your analytics handler to it like any other, the blocks do not include a tracker.

Why do some CTA banners stay dark in a light theme?

They are dark surfaces on purpose. 8 put the dark class on the banner, so button, ring and border tokens resolve to dark values whatever the host theme is, and 3 paint fixed oklch colors instead of tokens. The other 6 run on your theme tokens, though the analytics split keeps its pastel gradient mesh in both themes.

How do I install a CTA block?

Open the block on its page, copy the install command (the shadcn CLI with the @reui registry and your license key) or the AI prompt, and run it in your project. The block, its fixtures and every ReUI and shadcn dependency land in one command.

Is a license needed?

CTA blocks are part of ReUI Pro: one payment, lifetime updates, every block in every style. The ReUI primitives and the free examples they build on install with no license.

Start building with ReUI Pro today.

Every Pro block, every style, and every future addition, with one license for unlimited projects.

Get All-Access

From $249, once. Lifetime updates.

Application

  • App ShellAdded 10 new app shell blocks
  • Auth
  • Card
  • Chart
  • Dashboard
  • Dialog
  • Empty State
  • Event Calendar
  • Flow
  • Form
  • Gantt
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Wizard

Solutions

  • Agents
  • AI Ops
  • Analytics
  • Billing
  • Bookings
  • CRM
  • Files
  • Inventory
  • Users

AI & Agents

  • AI Chat
  • Agent Activity

Templates

  • E-commerce
  • SaaS
  • Dashboard
  • Landing
  • All templates

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist
  • Shop Hero

Data Grid

  • BaseAdded a rate card Data Grid block with a price breakdown dialog
  • Columns
  • Drag & Drop
  • Editing
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Marketing

  • Blog
  • CompareNew Compare category with 3 versus section blocks
  • Contact
  • CTAAdded 11 new CTA blocks
  • FAQ
  • Hero
  • How It WorksNew How It Works category with 5 numbered step blocks
  • PricingNew Pricing category with a 4-tier pricing table block

Resources

  • Components
  • Blocks
  • Icons
  • MCP for Agents
  • Docs
  • Support
  • Pricing
  • Tailwind Plus Alternative
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026 ReUI. All rights reserved.

3.6K
  1. Blocks
  3. Marketing
  5. Cta

Shadcn CTA Blocks: Call to Action Sections That Close a Page

Share

The last section on a page has one job. These 17 CTA blocks do it as centered sections, split layouts with proof, email captures and full-width banners.