Introduction

Auralis AI is a high-performance framework designed for building enterprise-grade generative AI interfaces with speed and precision. We combine React's reactivity with optimized model-streaming architectures to deliver tactile user experiences.

bolt

Zero-Latency Streaming

Optimized Vercel AI SDK integration for real-time token delivery.

palette

Atomic Design Tokens

Theme-ready components with strict adherence to 8pt grid systems.

security

Enterprise Security

Standardized middleware for OAuth2 and RBAC management.

hub

Multi-Model Agnostic

Seamlessly switch between OpenAI, Anthropic, and Llama 3.

1 Installation

The easiest way to get started with Auralis AI is using our CLI tool which bootstraps a fully-configured Next.js environment.

# Install via npm
npm install @auralis/core @auralis/ui

# Or use our quickstart CLI
npx auralis-init my-agent-app --template default

Initialize the client-side provider in your root layout:

import { AuralisProvider } from '@auralis/core';

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        <AuralisProvider apiKey={process.env.AURALIS_KEY}>
          {children}
        </AuralisProvider>
      </body>
    </html>
  );
}

2 Folder Structure

Our recommended structure ensures separation of concerns between AI logic, presentation layers, and API routes.

folder_open

src/app

Main Next.js App Router directory for pages and layouts.

folder

api/auralis

Route handlers for model interaction and streaming.

folder

components/ai

Tactile UI components like ChatPanels, StreamInputs, and BentoGrids.

folder

lib/agents

Domain-specific agent logic and custom tool definitions.

Ready to go deeper?

Explore our UI Library to start building beautiful interfaces.

Explore Components