vibecodng.com

Free MCP betaIndex and tools live

Measured entry

meraki-cta-grid

ctaminimal-flat

A responsive call-to-action section that pairs two centered service offers, each with a heading, supporting copy, and link styled as a button. It ships as a standalone HTML document and relies on Tailwind utility classes, including dark-mode variants, with no JavaScript component dependency.

Specimen
Harness screenshot of meraki-cta-grid at 375 pixels wide
Harness screenshot at 375 pixels wide. No horizontal overflow recorded.
Harness screenshot of meraki-cta-grid at 768 pixels wide
Harness screenshot at 768 pixels wide. No horizontal overflow recorded.
Harness screenshot of meraki-cta-grid at 1440 pixels wide
Harness screenshot at 1440 pixels wide. No horizontal overflow recorded.

Measured

Every value below was written by the harness on the run that produced the frames above. None of it is derived from the prose.

Harness measurements recorded for meraki-cta-grid
BuildOK
MountOK
Console errors0
Uncaught page errors0
Horizontal overflowclean at 375, 768, 1440
Axe critical0
Axe serious0
Axe moderate0
Axe minor0
Gzip marginal17.8 KB (83.2 KB build, 65.4 KB baseline)
Bare modeOK
Provider requiredNO
Demo usednone

Verdict

A dependable, low-complexity choice for a paired service CTA. It builds and mounts cleanly without providers, and its responsive layout avoids overflow. The main work is editorial and integration: replace the placeholders, connect real destinations, and align the Tailwind colors and dark mode with your system.

Use it if

  • You need to present two equally important services or conversion paths side by side on wider screens.
  • Your project already compiles Tailwind utility classes and supports its dark-mode convention.
  • You want a static CTA section that works without component state or client-side scripting.

Skip it if

  • Your page needs one dominant conversion action rather than two offers with equal visual weight.
  • Your design system does not use Tailwind and translating utility-heavy markup would add maintenance work.
  • You need production-ready destinations and copy without replacing placeholder links and text.
  • You need richer CTA behavior such as forms, tracking hooks, loading states, or conditional content.

Install

Installation record for meraki-cta-grid
Declared dependenciesnone declared
Missing on installnone
Bare installbuilds and mounts without the shadcn-style helpers
Providerno provider required in the harness

In a non-shadcn project, add and configure Tailwind CSS, ensure the source file is included in content scanning, and wire dark mode if those variants should apply. Copy the section markup into your page, then replace the placeholder copy and link targets. No React package, provider, or runtime library is required.

Source and credit

This page is a review, not a copy. The component source lives with its author and this site does not republish it. Read the license before you use anything.

Author repository

github.com/merakiui/merakiui
License
MIT
Record published
2026-08-13

Alternatives

Other published entries for the cta pattern, ordered by what they measured: mounts first, then clean axe scans, then bare-mode passes, then the smaller bundle.