Development · Web app
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.
What it's 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
- Topic
- UI Components
- 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: 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
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated