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/logo-cloud/page.tsx
import { CompanyShowcase } from "@/components/logo-cloud"

export default function LogoCloudPage() {
  return (
    <div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
      <div className="w-full max-w-sm md:max-w-3xl">
        <CompanyShowcase />
      </div>
    </div>
  )
}
A simple logo cloud.
logo-cloud-01
logo-cloud-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/testimonial/page.tsx
import { Testimonials } from "@/components/testimonals"

export default function Testimonals02Page() {
  return (
    <div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
      <div className="w-full max-w-full">
        <Testimonials />
      </div>
    </div>
  )
}
A testimonial marquee.
testimonal-02
testimonal-02