Caution
Not Production Ready, don't use it in your workload yet !.
A modern, accessible React component library designed for AI-powered interfaces.
- π¨ Beautiful dark theme with consistent design tokens
- π§ Fully typed with TypeScript
- π¦ Tree-shakeable and side-effect free
- π Smooth animations with Framer Motion
- π― Focused on AI interactions
- π Dark mode by default
- βΏοΈ Accessible components
- π± Responsive design
# Install core package
npm install @agentic-ui/core
# Install components package
npm install @agentic-ui/componentsimport { Button } from '@agentic-ui/components';
import { theme } from '@agentic-ui/core';
function App() {
return (
<Button variant="primary" size="md">
Click me
</Button>
);
}Core design tokens and utilities:
- Color system
- Typography
- Spacing
- Shadows
- Border radius
- CSS utilities
- Theme configuration
React components optimized for AI interfaces:
- AgentMessage
- TracingPanel
- AgentConversation
- Button
- Input
- Select
- Card
- Modal
- Toolbar
- SettingsPanel
- And more...
# Install dependencies
yarn install
# Build all packages
yarn build
# Run tests
yarn test
# Run linting
yarn lint
# Format code
yarn formatWe welcome contributions! Please see our contributing guide for details.
This project is licensed under the MIT License - see the LICENSE file for details.