For AI Agents
Hand your agent this brief or the ReUI MCP, not a screenshot. Installs with a ReUI Pro or Ultimate license.
Best for: An integrations banner whose 11 brand tiles spring onto an isometric grid floor and float, beside a static row of 4 trust logos
When to use
- A closing get started band with a headline and 1 or 2 actions, some backed by logos, avatars or a rating
- Email capture for a newsletter, a waitlist or release updates, with an inline email field and submit button
- A sales prompt that books a call or opens a contact route rather than a self-serve signup
When not to use
- The opening screen of a page rather than a closing banner: use the Integrations Hero block
- Integration cards that each connect, toggle or show a status: use the Integrations Gallery block
- The first screen of a page, with the main headline and a product console above the fold: use the Hero blocks
- A compact promo tile with 1 button, sized to sit beside other cards in an app page: use the Card blocks
- A sign in or sign up page with a password, a magic link or social provider buttons: use the Auth blocks
Agent notes
DESIGN_TILESin data.tsx lists the 11 tiles with aleftandtopon the scene; a tile in front must come later in the array to paint over its neighbourTRUST_LOGOSholds 4 sample brand wordmarks, each with aheighttuned so the type lines up; replace them and retune eachheightStackGriddraws on a fixedSCENE_WIDTHcanvas scaled to fit by a transform that repeats 624px in cta.tsx; keep tile coordinates in those scene units- The headline and every action label are written inline in
Ctain components/cta.tsx, never in a data file; rewrite them there - No action is wired: every
hrefis a placeholder hash and no email form reaches a backend; connect real routes and a submit handler
Third-party API docs
- Motion v12: API reference, docs (the docs follow the latest Motion, with no React API break since v12)
https://web.dev.reui.io/blocks/marketing/cta/cta-13.mdget_block("cta-13")npx shadcn@latest add @reui/cta-13Shadcn MCP Integrations CTA Block
MCP integrations CTA banner with 11 floating extruded logo tiles on an isometric grid floor. Part of the ReUI Shadcn Marketing CTA blocks collection.
Integration catalog closer: Connect MCP and Browse Integrations links over a Vercel, OpenAI, Resend and Clerk trust row, while tiles spring in and then float. shadcn Card, Button, Separator. For MCP server and API platform pages.
It is composed from Button, Card, Separator, so every part of it is a primitive you can restyle with your own design tokens.
What You Can Build With the MCP Integrations CTA Block
- Install it with the ReUI registry command in the toolbar above, then swap the placeholder content, data wiring, and business logic for your own.
- Compare it across all eight ReUI styles and both the Base UI and Radix bases in the customizer before committing to one direction.
- Combine it with the other Shadcn Marketing CTA blocks to assemble a full screen instead of a single section.
All Shadcn Marketing CTA Blocks
The rest of this category, each on its own page with a live preview, the components it is built from, and the install command.
- Newsletter CTA Centered newsletter signup CTA with mail-prefixed email input and avatar-stack subscriber proof
- Feature Strip CTA Split CTA card with image media panel, badge eyebrow, dual link buttons, and feature trust strip
- Work Email CTA Centered Frame CTA with animated grid background, badge eyebrow, and single email capture form
- Proof Grid CTA Centered marketing CTA with badge eyebrow, framed three-column proof grid, and dual link buttons
- Headline Only CTA Full-width aurora-gradient CTA banner with a two-line headline and one rounded-full pill button
- Final Conversion CTA Dark violet CTA banner with animated neon sine-wave line-stream backdrop and one rounded-full button
- Agency Booking CTA Animated analytics dashboard mockup on a gradient mesh beside CTA copy and a scrolling logo marquee
- Footer Docs CTA Night Earth CTA banner with WebGL city lights turning on the globe beside light and outline buttons
- Space Launch CTA Frosted glass CTA panel over a star field with an orange sun and a turning night Earth
- Tool Handoff CTA Figma and Cursor brand-button CTA centered under a pill eyebrow badge and a 9-avatar builder stack
- Customer Logos CTA Masked tower photo cutout bleeding off an emerald CTA banner with a looping wordmark marquee
- Proof Points CTA Rotating Mars CTA banner on dotted indigo with paired buttons and 3 pulsing proof checks
- Release Updates Signup Dark newsletter signup banner with inline email join form and a rotating WebGL night Earth
- Outcome Checklist CTA Outcome checklist CTA banner on emerald with 4 checked items, an amber action and lime corner glows
- Sales Contact CTA Sales contact CTA banner with the headline left and Contact Us and Book a Call buttons right
- Review Rating CTA Star rating review pill CTA on a dark dot-grain banner with a centered brand logo tile
Related Shadcn Marketing Block Categories
- Blog (6) Blog post layouts, article grids, and content listing components for editorial sites.
- Compare (3) Versus sections that set a product against the workflow it replaces, as a feature matrix, a card beside a plain list or 2 step tracks.
- Contact (6) Contact forms, support and enquiry sections, and office detail panels for business and portfolio sites.
- FAQ (6) FAQ and accordion sections for common questions, knowledge bases, and support pages.
- Hero (16) Hero sections with announcement pills, two-tone headlines, dual calls to action, and framed product consoles.
- How It Works (5) How it works sections that walk a product in numbered steps, from step grids to tabs that swap a product console.
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 (303) Browse 303 Shadcn Application blocks across 23 categories.
- Shadcn Data Grid Blocks (47) Browse 47 Shadcn Data Grid blocks across 9 categories.
- Shadcn Charts Blocks (52) Browse 52 Shadcn Charts blocks across 10 categories.
- Shadcn Solutions Blocks (76) Browse 76 Shadcn Solutions blocks across 11 categories.
- Shadcn AI & Agents Blocks (22) Browse 22 Shadcn AI & Agents blocks across 3 categories.
- Shadcn eCommerce Blocks (87) Browse 87 Shadcn eCommerce blocks across 13 categories.
- Shadcn Marketing Blocks (67) Browse 67 Shadcn Marketing blocks across 8 categories.
Frequently Asked Questions
When should I use the MCP Integrations CTA block?
Use it for an integrations banner whose 11 brand tiles spring onto an isometric grid floor and float, beside a static row of 4 trust logos.
The CTA category fits:
- A closing get started band with a headline and 1 or 2 actions, some backed by logos, avatars or a rating
- Email capture for a newsletter, a waitlist or release updates, with an inline email field and submit button
- A sales prompt that books a call or opens a contact route rather than a self-serve signup
For the opening screen of a page rather than a closing banner, use the Integrations Hero block. For integration cards that each connect, toggle or show a status, use the Integrations Gallery block. For the first screen of a page, with the main headline and a product console above the fold, use the Hero blocks. For a compact promo tile with 1 button, sized to sit beside other cards in an app page, use the Card blocks. For a sign in or sign up page with a password, a magic link or social provider buttons, use the Auth blocks.
What is the MCP Integrations CTA block built with?
Can I restyle the MCP Integrations CTA block?
How should I use Shadcn cta blocks in a real project?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.