Follow us on X for updates and announcements.

1.9k
Join Us

Building Blocks for the Web

Clean, modern building blocks. Copy and paste into your apps. Works with all React frameworks. Open Source. Free forever.

Files
app/cta/page.tsx
import CtaSection from "@/components/cta"

export default function CtaPage() {
  return (
    <div className="w-full max-w-full">
      <CtaSection />
    </div>
  )
}
CTA with heading, grid background, and animated side lines.
cta-01
cta-01
Files
app/cta/page.tsx
import CtaPage from "@/components/cta-02"

export default function Cta02Page() {
  return (
    <div className="flex min-h-screen w-full flex-col items-center justify-center px-4">
      <CtaPage />
    </div>
  )
}
CTA with heading, button, and orbiting app icons.
cta-02
cta-02
Files
app/cta/page.tsx
import { CallToAction } from "@/components/cta-03"

export default function Page() {
  return (
    <div className="flex min-h-screen w-full flex-col items-center justify-center px-4">
      <CallToAction />
    </div>
  )
}
CTA with heading, button, and ripple background.
cta-03
cta-03