Documentation
Getting Started
Introduction
The complete toolkit for AI coding assistants. 40+ UI components with direct MCP server access, IaC templates, and deployment architecture patterns.
MCP Server
Direct integration with Claude, Cursor, and Windsurf for AI-assisted development.
40+ Components
Production-ready React components with animations and TypeScript support.
IaC Templates
Infrastructure as Code templates for AWS, GCP, and Azure deployments.
Architecture
Battle-tested deployment patterns and scalable architecture blueprints.
Quick Start
Get up and running with Archyra in minutes. Install the package or connect via MCP server.
1
Install the package
npm install archyra framer-motion2
Import and use components
import { LoadingDots, AiCreating, PulseCircle } from 'archyra';
function App() {
return (
<div>
{/* Simple loading indicator */}
<LoadingDots />
{/* AI creation animation */}
<AiCreating isCreating={true} />
{/* Progress indicator */}
<PulseCircle isActive={true} />
</div>
);
}Component Categories
Browse components by category to find the perfect animation for your use case.