Introdução

Design System composto por componentes reutilizáveis e acessíveis, construído sobre shadcn/ui.

Princípios

• Copy, don't install — Componentes são copiados para o projeto, não importados como dependência
• 3 camadas — Primitivos (shadcn/ui) → Compostos (kodda) → Templates (páginas completas)
• TypeScript-first — Tipagem completa para todos os componentes e hooks
• CLI-driven — Instale e atualize via CLI

Quick Start

npx @koddaai/ui init
npx @koddaai/ui add landing-hero

import { LandingHero } from "@/components/kodda/landing-hero"

export function Example() {
  return (
    <LandingHero
      headline="Transforme seu negócio com IA"
      subheadline="Consultoria especializada em AI Enablement"
      primaryCta={{ label: "Fale conosco", href: "/contato" }}
    />
  )
}

Componentes Disponíveis

Landing Page

Compostos

Templates

Hooks