Integration

Blocks is the most opinionated UI package in the workspace. It is best suited for landing pages, marketing sections, and demos where you want faster assembly and fewer design decisions.

Recommended Pairings

• Pair with Animation when you want motion around section entry or list reveals.
• Pair with Maps if you need richer map-specific customization than the block re-export exposes.
• Drop down to Components or Primitives when a block is close but not quite the right fit.

import { HeroMinimal, Pricing } from '@foundrykit/blocks';

export function LandingPage() {
  return (
    <main>
      <HeroMinimal title="FoundryKit" description="Package-first UI building blocks." />
      <Pricing plans={[]} />
    </main>
  );
}