v0.3 — 161 components shipping

Build AI interfaces
that think with users

Open-source AI-native component library with cognitive psychology integration. 161 Web Components. 1,800+ design tokens. 184 cognitive biases. MIT licensed.

Get Started →

Browse Components

GitHub

161 Components 72 foundation + 89 AI-native

1,800+ Design Tokens 3-tier system with dark mode

1,147 Tests Passing across all packages

184 Cognitive Biases Design implications & guidance

quickstart.html

<!-- Import once -->
<script type="module" src="@cognivo/components"></script>

<!-- Use anywhere -->
<ai-chat></ai-chat>
<cg-button variant="primary">Get Started</cg-button>

Why another component library?

Because none of them were built for what's coming.

Every other library

Generic UI components (buttons, inputs, modals)
Static design tokens (colors, spacing)
No AI-specific primitives
No streaming support
No understanding of cognitive biases
Build the AI layer yourself

Cognivo

89 AI-native components (chat, thinking, confidence, agents)
1,800+ tokens with AI state system (confidence, anomaly, thinking)
Streaming generative UI — AI renders components in real-time
184 cognitive biases mapped to components and patterns
12 production AI patterns (guardrails, caching, circuit breaker)
From API call to rendered UI in one pipeline

Three layers no one else has

Components, AI integration, and cognitive psychology — in one system.

AI-Native Components

Chat, streaming text, thinking indicators, command palettes, confidence sliders — built for AI-first interfaces.

Design Token System

3-tier architecture: core primitives, semantic layer, component-specific. Full dark mode. Zero magic numbers.

Cognitive Psychology

184 documented cognitive biases with design implications. Know which biases your UI triggers and why.

Framework Agnostic

Web Components work everywhere. First-class React and Vue adapters included. No lock-in.

Accessibility First

ARIA roles, keyboard navigation, focus management, reduced-motion support, 44px touch targets. All built-in.

Streaming Generative UI

Parse and render AI model outputs in real-time. Component registry resolves streaming JSON to live UI.

8 packages, one system

pnpm workspaces + Turborepo. Install what you need.

@cognivo/components 161 Lit web components with Shadow DOM

@cognivo/tokens 1,800+ design tokens, 3-tier system

@cognivo/core Framework-agnostic AI client + patterns

@cognivo/gen-ui Streaming parser & component registry

@cognivo/adapter-react React wrappers with TypeScript props

@cognivo/adapter-vue Vue wrappers with TypeScript props

@cognivo/adapter-openai OpenAI client with structured outputs

@cognivo/design-advisor 184 cognitive bias cards & registry

Open source, MIT licensed

Free forever. No vendor lock-in. Build what you want.

MIT License

Use Cognivo in personal projects, startups, and enterprise products. No attribution required. No usage limits. No premium tier.

Community-driven

Every component, token, and bias card is open for contribution. File issues, submit PRs, and shape the roadmap on GitHub.

No lock-in

Web Components work in every framework. Standard CSS custom properties. No proprietary runtime. Fork it, extend it, own it.

Ready to build?

Get started in under 2 minutes. Zero config.