Aurora AI Kit 🌌

The Frontend for the Age of Intelligence.

aurora-ai-kit is a premium, high-performance React component library designed specifically for building next-generation AI interfaces.

Features

• 🧠 core: Low-level hooks for AI interactions (useTypewriter, useSpeechToText).
• 💎 Premium UI: Glassmorphic, neon-infused components (HolographicCard, NeonBorder, VoiceOrb).
• ⚡ Performance: Powered by framer-motion for buttery smooth 60fps animations.
• 🛠 TypeScript: Fully typed for a superior developer experience.

Installation

npm install aurora-ai-kit framer-motion clsx tailwind-merge

Usage

1. Configure Tailwind

Ensure aurora-ai-kit styles are included by adding your content paths (if we ship raw files) or simply import the CSS.

import 'aurora-ai-kit/dist/style.css' // (Example path)

2. Use Components

import { NeonBorder, StreamingText } from 'aurora-ai-kit';

export function AgentResponse() {
  return (
    <NeonBorder glowColor="#d946ef">
      <StreamingText text="I am ready to help." />
    </NeonBorder>
  );
}

Components

• NeonBorder: A glowing border container.
• StreamingText: Typewriter effect text with optional cursor.
• VoiceOrb: Siri-style voice activation visualizer.
• HolographicCard: Premium glassmorphism card.

Hooks

• useTypewriter(text, options): Returns the currently displayed text string.
• useSpeechToText(options): Easy wrapper for Browser Speech Recognition API.

License

MIT © 2025