276 components.
Zero cost.

Copy-paste building blocks, animations, heroes, cards, scroll effects and more. Plus an AI that assembles them into full sites.

Browse components Build with AI

No account neededAll premium unlockedCopy & paste

蔵 The library

23 categories, 276 blocks.

Every block is production-ready, themeable and yours to keep. Free forever.

道 Two ways to use them

Copy it. Or let Katama compose it.

Browse & copy

Pick any block, copy the code, paste into your project. No login, no paywall, no attribution.

Theme it

Every block reads design tokens, so it matches your brand instantly. Tweak colors, radius, motion.

Or build with AI

Describe a page and Katama's AI assembles the right blocks into a finished, deployed site. That's the upgrade.

AuroraBackground.tsx

// drop into any React / Next project
import { AuroraBackground } from "@katama/ui"

export default function Hero() {
  return (
    <AuroraBackground>
      <h1>Your headline</h1>
    </AuroraBackground>
  )
}

Free blocks. Paid magic.

Components are free forever. When you want a whole site composed, themed and deployed, Katama's AI does it.

Build with AI Keep browsing