https://github.com/qredence/agentic-ui
Human-AI Interaction Design • Optimizes collaboration between humans and AI
https://github.com/qredence/agentic-ui
agent-ui agentic-ai agentic-ui ai-agents open-source ui-components
Last synced: 7 months ago
JSON representation
Human-AI Interaction Design • Optimizes collaboration between humans and AI
- Host: GitHub
- URL: https://github.com/qredence/agentic-ui
- Owner: Qredence
- License: mit
- Created: 2024-12-22T05:53:25.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-23T14:08:45.000Z (over 1 year ago)
- Last Synced: 2025-02-13T23:59:25.344Z (over 1 year ago)
- Topics: agent-ui, agentic-ai, agentic-ui, ai-agents, open-source, ui-components
- Language: TypeScript
- Homepage: https://www.qredence.ai
- Size: 31.6 MB
- Stars: 2
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
README
# Agentic UI
> [!CAUTION]
> Not Production Ready, don't use it in your workload yet !.
A modern, accessible React component library designed for AI-powered interfaces.
## Features
- 🎨 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
## Installation
```bash
# Install core package
npm install @agentic-ui/core
# Install components package
npm install @agentic-ui/components
```
## Usage
```tsx
import { Button } from '@agentic-ui/components';
import { theme } from '@agentic-ui/core';
function App() {
return (
Click me
);
}
```
## Available Packages
### @agentic-ui/core
Core design tokens and utilities:
- Color system
- Typography
- Spacing
- Shadows
- Border radius
- CSS utilities
- Theme configuration
### @agentic-ui/components
React components optimized for AI interfaces:
- AgentMessage
- TracingPanel
- AgentConversation
- Button
- Input
- Select
- Card
- Modal
- Toolbar
- SettingsPanel
- And more...
## Development
```bash
# Install dependencies
yarn install
# Build all packages
yarn build
# Run tests
yarn test
# Run linting
yarn lint
# Format code
yarn format
```
## Contributing
We welcome contributions! Please see our [contributing guide](CONTRIBUTING.md) for details.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.