UI Blocks

Basic Information About Blocks

Copy the component code directly from any block page, or import from the package:

import { Header1, Pricing1, Testimonials1 } from "@repo/smoothui/blocks";

export default function LandingPage() {
  return (
    <>
      <Header1 />
      <Pricing1 />
      <Testimonials1 />
    </>
  );
}

Customization

All blocks use Tailwind CSS and can be customized via:

• Tailwind utility classes
• CSS variables for theming
• Component props for behavior

Replace placeholder content and adjust colors, spacing, and animations to match your brand.