Dev Design LibraryOpen the library

CTA Section Components

Dev Design Library indexes 39 cta section components from 12 open-source UI libraries, with the most coming from Oxbow UI, sv-efferd, Watermelon UI, Nexvyn UI and cnblocks. Each one links to its page with the source code, a live preview where available, the library license and the install command. Cta section components belong to the Sections group.

Cta SectionLaunch UI · React
CTA 02 - Video Background CTAShadcn Space · ReactA high impact call-to-action section with autoplay background video, bold overlay headline, primary button, and…
Cta Onecnblocks · SvelteCall-to-action block with centered heading and buttons
Cta 01Oxbow UI · AstroCentered CTA with logo, image and text
CTANexvyn UI · ReactCall to action primitives: Cta section, CtaAction links and the sliding CtaActionIcon.
Cta 1Watermelon UI · React
CTA Fivesv-efferd · SvelteA newsletter CTA that blends subscription form controls with social proof.
CTA sectionArc Library · ReactA call to action as a centered closing section, a split beside a setup card that completes itself, or a dismissible…
Buy Me CoffeeCojeev UI · ReactA support poster reveals an inviting cup illustration and a real caller destination.
Call to Action 01FLX UI · ReactA centered text block with a title, description, and CTA.
Newsletter sign-upVelora UI · ReactNewsletter card over a glowing dot grid with a labelled email field, subscriber avatars and a privacy note.
Panel CTAD2Studio UI · ReactOne inverted panel, centred copy and two actions, the plain one. Two blurred lobes bleed in from opposite corners and…
Newsletter 01 - Newsletter Subscription CTAShadcn Space · ReactA minimal newsletter signup section with bold headline, social-proof subtext, and inline email form, ideal for…
Cta Threecnblocks · SvelteCTA section with background gradient
Cta 02Oxbow UI · AstroCentered CTA with logo and text
CTA CenteredNexvyn UI · ReactA centered call to action with eyebrow, heading, supporting text and two actions.
Cta 2Watermelon UI · React
CTA Foursv-efferd · SvelteA compact card CTA with credit-card reassurance and elevated actions.
Call to Action 02FLX UI · ReactAn oversized two-word headline split around a full-bleed photo, with a bracketed call to action at its center.
Split CTA with product visualVelora UI · ReactTwo-column CTA card with a benefit list and a dashboard mock-up, traced by an animated border beam.
Cta Twocnblocks · SvelteTwo-column CTA with text and action buttons
Cta 03Oxbow UI · AstroCentered CTA with download buttons
CTA SplitNexvyn UI · ReactA two column call to action with a phone showing your app screen.
Cta 3Watermelon UI · React
CTA Onesv-efferd · SvelteA split CTA with quiet structure, balanced actions, and full-width dividers.
Vortex CTA bandVelora UI · ReactDark rounded call-to-action band over a brand-tinted particle vortex, with two actions and fine print.
Cta 04Oxbow UI · AstroCentered CTA with grid banner
Cta 4Watermelon UI · React
CTA Threesv-efferd · SvelteA more decorative CTA with corner accents and a stronger editorial feel.
Cta 07Oxbow UI · AstroSplit CTA with custom avatars
Cta 5Watermelon UI · React
CTA Twosv-efferd · SvelteA centered CTA with a softer secondary band and directional primary action.
Cta Newsletter 01Oxbow UI · AstroNewsletter CTA with benefits
Cta Newsletter 02Oxbow UI · AstroSplit CTA with logo and custom avatars
Cta Newsletter 03Oxbow UI · AstroCentered CTA for SaaS waitlist or newsletter
Cta 05Oxbow UI · Astro
Cta 06Oxbow UI · Astro
Cta 08Oxbow UI · Astro
Cta Newsletter 04Oxbow UI · Astro

Libraries with cta section components

Related categories