Welcome to Empire UI, a modern, feature-rich component library designed specifically for AI-powered applications. Built with React, Next.js, and TypeScript, our components leverage the latest in AI technology to help you create sophisticated, intelligent interfaces with minimal effort.
- AI-Ready Components: Pre-built components optimized for AI applications
- Next.js Integration: Seamless integration with Next.js applications
- TypeScript Support: Full type safety for all components
- Modern Design: Clean, responsive design with customizable themes
- Accessibility: WCAG compliant components for inclusive applications
- Open Source: 100% open source, community-driven development
# Install via npm
npm install @empireui/empire-ui
# Or using yarn
yarn add @empireui/empire-ui
# Or using pnpm
pnpm add @empireui/empire-uiInitialize Empire UI in your project:
npx @empireui/empire-ui initAdd components to your project:
npx @empireui/empire-ui add Button
npx @empireui/empire-ui add AIChatbox- Button, Card, Input, Dialog, Dropdown, etc.
- Responsive layouts and grids
- Form elements with validation
- AIChatbox: Interactive chat interface for AI assistants
- AIGrammarCheckButton: One-click grammar checking
- AIImageCaptionButton: Generate captions for images
- AIParaphraserButton: Instantly rephrase text
- AISummarizerButton: Summarize long content
- AITranslatorButton: Translate text between languages
- AgentWorkflow: Visual workflow builder for AI agents
- MCPInterface: Model Context Protocol integration
- NodeCanvas: Drag-and-drop node editor for AI pipelines
- ARVisualizer: Augmented reality data visualization
- VRInteractionSpace: Virtual reality AI interaction environment
- SemanticSearchBar: AI-powered semantic search with auto-suggestions
import { AIChatbox } from '@empireui/empire-ui';
function MyAIApp() {
return (
<div>
<h1>My AI Assistant</h1>
<AIChatbox isOpen={true} />
</div>
);
}For detailed documentation, examples, and API references, visit our documentation site.
We welcome contributions from the community! Please see CONTRIBUTING.md for guidelines on how to contribute to Empire UI.
Empire UI is MIT licensed.
Join our community of developers building the future of AI interfaces:
- About Empire UI
- Features
- Installation
- Getting Started
- Documentation
- Contributing
- License
- Community
- Acknowledgments
Empire UI is more than just a component library—it's a complete solution for developers building AI-powered applications on Next.js. Whether you're creating a chatbot interface, an AI-driven dashboard, or any other AI-infused project, Empire UI provides the tools and components you need to build stunning, performant applications.
- Minimalist: Simple, elegant, and modern design.
- AI-Ready: Seamlessly integrate AI features using Vercel AI SDK and other tools.
- Developer-Friendly: Easy to use, extend, and customize.
- AI-Ready Components: Pre-built components ready for AI integration.
- Next.js Optimized: Components optimized for use with Next.js applications.
- Vercel AI SDK Integration: Out-of-the-box support for Vercel AI SDK.
- Responsive Design: Fully responsive components for all screen sizes.
- Customizable: Easily extend and customize components to suit your needs.
- Open Source: 100% open source, community-driven.
Install Empire UI in your Next.js project with the following commands:
npm install @empire-ui/core
# or
yarn add @empire-ui/core
# or
pnpm add @empire-ui/core