2 variants

CTA

The closing ask of a landing page. A centered panel with two actions, or the pitch beside the product itself.

Centered

A headline, one line of reason and two actions in a panel lit from the top with the brand color.

Ship the interface this week, not this quarter

Every component and block, as source you own. Install the first one in a minute.

Get started Browse components

One license per seat. No subscription on Lifetime.

page.tsx

import { CtaCentered } from "@/components/blocks/cta-centered";

export function Closing() {
  return (
    <CtaCentered
      title="Ship the interface this week"
      primaryAction={{ label: "Get started", href: "/signup" }}
    />
  );
}

"use client";

import { ArrowRight } from "lucide-react";
import { SECONDARY_BUTTON } from "@/components/registry/form-kit";
import { cn } from "@/lib/utils";

export interface CtaCenteredProps {
  title: string;
  description?: string;
  primaryAction: { label: string; href: string };
  secondaryAction?: { label: string; href: string };
  /** A quiet line under the buttons, such as "No credit card required". */

41 more lines ship with an easeUI Pro license.

Buy a license

Install

$ bunx --bun shadcn add @easeui-pro/cta-centered

Split

The pitch, a few checked reasons and the actions on one side, the product itself on the other.

See your numbers the day you install it

The dashboard block wires the charts together, so you only bring the data.

Charts that scroll on a phone
Dark mode from the first render
Source you own and can change

Start building View the dashboard

Monthly revenue

$48.2K

+12.4%vs last month

page.tsx

import { CtaSplit } from "@/components/blocks/cta-split";

export function Closing() {
  return (
    <CtaSplit
      title="See your numbers today"
      points={["Scrolls on a phone", "Dark mode built in"]}
      primaryAction={{ label: "Start building", href: "/signup" }}
      visual={<ProductShot />}
    />
  );
}

"use client";

import { Check } from "lucide-react";
import type { ReactNode } from "react";
import { SECONDARY_BUTTON } from "@/components/registry/form-kit";
import { cn } from "@/lib/utils";

export interface CtaSplitProps {
  title: string;
  description?: string;
  /** Up to four short reasons, each with a check. */
  points?: string[];

47 more lines ship with an easeUI Pro license.

Buy a license

Install

$ bunx --bun shadcn add @easeui-pro/cta-split