# Kobra

> Animated, shadcn-compatible React component library with specialized agent UI primitives

Kobra is a component library built for React and Tailwind CSS that integrates directly with the shadcn CLI. Alongside standard layout, feedback, and form components, it provides specialized UI primitives for AI applications like reasoning steps, streaming text, file diffs, and task lists.

Website: https://kobra.systems/

## What it is for

- Build interfaces for AI agents including reasoning steps, plan cards, and streaming responses
- Install animated React components into existing projects using the shadcn CLI
- Add complex interactive elements like segmented OTP inputs, magnetic dropzones, and diff viewers

## Features

- Direct installation via shadcn CLI using the @kobra namespace
- AI and agent UI primitives including Reasoning Steps, Streaming Text, Plan Cards, and Inline Citations
- Animation-focused components powered by Motion and custom CSS transitions
- Built-in light and dark mode styling with Tailwind CSS
- Detailed component documentation with live previews, prop tables, and prompt guides

## Pricing

Freemium. Free tier available; Pro plan offered for full catalog access

## Details

- Type: Web app
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Open source: no
- Platforms: Web, Code library
- For: React and Next.js developers building modern web apps and AI-driven interfaces
- Alternative to: shadcn/ui, Aceternity UI, Magic UI
- Tags: react, shadcn, tailwind, ai ui, ui library, framer motion

## Why it was saved

- [@neropursue, 23 September 2026](https://x.com/neropursue/status/2102695524164141281): Clean, animated components installable via shadcn CLI; notably includes agent UI components rarely seen elsewhere (Reasoning Steps, Question Card, Streaming Text, AI Editor, File Diff, Task List).

## Compare

- [Alternatives to Aceternity UI](https://xiry.app/alternatives/aceternity-ui.md)
- [Alternatives to Magic UI](https://xiry.app/alternatives/magic-ui.md)
- [Alternatives to shadcn/ui](https://xiry.app/alternatives/shadcn-ui.md)

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/kobra

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.