beUI Pro for mobile is live — 50 React Native blocks and screens
CTA Sections
Premium call-to-action blocks spanning product windows, portrait proof, layered shade, liquid, terminal, FAQ, and split editions, each with a distinct composition and motion system.
Sunflower CTA
cta-sunflower.tsxA theme-aware CTA with original SVG sunflowers, gently swaying stems, a focused action, and a mobile flower bed below the copy.
For the idea still in your notebook
Make today day one.
Collect your ideas, choose a first step, and give that side project a little time each day.
Start a projectNo perfect plan needed.
"use client";
import { CtaSunflower } from "@/components/premium/cta-sections/cta-sunflower";
export function CtaSunflowerPreview() {
return <CtaSunflower />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Floating gallery CTA
cta-floating-gallery.tsxA light rounded panel framed by gently floating photo cards, with Apple and Android download actions and an animated stats row.
Turn “someday” into Saturday.
Find a quiet trail, a tiny cabin, or a town you’ve never heard of. Save your favorites and take the long way there.
- Weekend wanderers
- 120K+
- Countries explored
- 80+
- Spots bookmarked
- 2M+
- Rated by travelers
- 4.9/5
"use client";
import { CtaFloatingGallery } from "@/components/premium/cta-sections/cta-floating-gallery";
export function CtaFloatingGalleryPreview() {
return <CtaFloatingGallery />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Portrait frame CTA
cta-portrait-frame.tsxA dark split panel with notched product photography, a textured photo-color border, and paired actions that stack neatly on mobile.
Too good to stay a side project.
Open a shop that feels like you, from the first product drop to the thank-you page.
Your products. Your name on the door.
"use client";
import { CtaPortraitFrame } from "@/components/premium/cta-sections/cta-portrait-frame";
export function CtaPortraitFramePreview() {
return <CtaPortraitFrame />;
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Product window CTA
cta-product-window.tsxA soft-rounded split CTA with concise sans-serif copy, a focused action, a static mesh shader, and an AI workspace preview.
AI support, ready on day one
Give your team their focus back.
Connect your customer workspace and let AI prepare every handoff, follow-up, and next step—without rebuilding your workflow.
Start building free"use client";
import { CtaProductWindow } from "@/components/premium/cta-sections";
export function CtaProductWindowPreview() {
return (
<div className="w-full">
<CtaProductWindow />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Proof orbit CTA
cta-proof-orbit.tsxA centered proof-led CTA with an art-directed portrait orbit, one direct action, and a concise reassurance note.
Designers · founders · builders
Join teams shipping work they are proud to show.
Start with polished foundations, adapt every detail, and move from first pass to finished product faster.
Source included from day one
"use client";
import { CtaProofOrbit } from "@/components/premium/cta-sections";
export function CtaProofOrbitPreview() {
return (
<div className="w-full">
<CtaProofOrbit />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Shade panel CTA
cta-shade-panel.tsxA left-aligned CTA set against broad layered blue shade bands, with deliberate negative space and one focused action.
Built for the decisive moment
Turn attention into a clear next step.
A focused close for launches, waitlists, and products that are ready to move.
"use client";
import { CtaShadePanel } from "@/components/premium/cta-sections";
export function CtaShadePanelPreview() {
return (
<div className="w-full">
<CtaShadePanel />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Liquid CTA
cta-glow.tsxA theme-native split CTA with a framed countryside illustration, clear copy, and primary-colored actions.
A starting point with a point of view
Less setup.More possibility.
Build on the details that make a difference. Polished foundations, full source, and room to make something unmistakably yours.
Ready to adapt. Yours to keep.
"use client";
import { CtaGlow } from "@/components/premium/cta-sections";
export function CtaGlowPreview() {
return (
<div className="w-full">
<CtaGlow />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Terminal CTA
cta-terminal.tsxA centered developer CTA: a dark terminal that types an install command, streams a faux install log, and has a copy-to-clipboard button, with a blur-reveal headline and paired CTAs.
One command.Production-ready UI.
Pull premium, animated components straight into your app from the beUI registry — no boilerplate, no config.
"use client";
import { CtaTerminal } from "@/components/premium/cta-sections";
export function CtaTerminalPreview() {
return (
<div className="w-full">
<CtaTerminal />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
FAQ CTA
cta-faq.tsxA two-column block pairing a theme-native CTA card with layered primary-color artwork and a bouncy FAQ accordion.
"use client";
import { CtaFaq } from "@/components/premium/cta-sections";
export function CtaFaqPreview() {
return (
<div className="w-full">
<CtaFaq />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboardInstall
Split CTA
cta-split.tsxA light, premium split CTA: the left column pairs a blur-reveal sans-serif headline and subtext with a copyable install command chip; the right column stacks the primary and secondary buttons plus a muted docs link.
Build the interfaceyour product deserves.
Premium, animated components and full page templates that drop straight into your stack. Own the source, ship the polish.
"use client";
import { CtaSplit } from "@/components/premium/cta-sections";
export function CtaSplitPreview() {
return (
<div className="w-full">
<CtaSplit />
</div>
);
}
Source code is locked
Get access to install premium components and view the full source.
Open dashboard