Seamless AI Integration for Next.js Applications

Reimagine AI Integration Beyond Chatbots

Enhance your Next.js applications with AI capabilities that respect your UI/UX. No chatbots, no disruption—just seamless AI power right where you need it.

Try Interactive Demo View on GitHub

AI Integration, Reimagined

We believe AI should enhance your existing UI, not replace it. Our package provides developers with easy-to-use solutions that respect your design choices while adding powerful AI capabilities.

Zero Disruption

Integrate AI capabilities without changing your existing components or disrupting your UI/UX flow.

Context-Aware AI

AI features that understand your application's context and enhance the user experience naturally.

Modern Stack

Built for Next.js 15, React 19, TypeScript, and Tailwind CSS with Vercel AI SDK integration.

Interactive Demo

Experience the Difference

Try our interactive demo to see how AI-Reviver enhances your content naturally, without disrupting the user experience.

Available AI Features:

Right-Click Actions

Right-click any text to access AI analysis, summarization, and enhancement options

Smart Suggestions

Get real-time AI suggestions as you type in the editor

AI-Powered Editor

Real-time AI Suggestions

Start typing in the editor below to experience AI-powered suggestions. The editor will provide real-time enhancements as you write, helping you craft better content effortlessly.

Start writing your content

Editor Features

Real-time suggestions
Smart completions
Instant improvements
Context-aware help

Interactive Features

Hover Cards Demo

Hover over this text to see AI-powered insights appear in a non-intrusive card. This demonstrates how AI can provide context-aware information without disrupting the user's flow.

Context Menu Demo

Right-click this text to see the context menu with AI actions. Notice how the AI features integrate naturally with the browser's native context menu.

Enhancement Tools

Key Features in Action

Natural Integration

Context-aware AI suggestions
Non-intrusive hover insights
Native-feeling context menus
Seamless content enhancements

Pro Tips

Try right-clicking any text for AI analysis
Hover over text for quick insights
Use the editor for real-time suggestions
Experiment with different enhancement styles

Quick Start

1Install the package

pnpm add ai-reviver

2Wrap your app with ReviverProvider

import { ReviverProvider } from 'ai-reviver';

export default function RootLayout({ 
  children 
}: { 
  children: React.ReactNode 
}) {
  return (
    <ReviverProvider>
      {children}
    </ReviverProvider>
  );
}

3Use AI-enhanced components

import { Vivify, ReviverTextArea } from 'ai-reviver';

// Add AI capabilities to any text
<Vivify
  additionalContext={{
    style: "professional",
    tone: "engaging"
  }}
>
  <p>Your content here</p>
</Vivify>

// Use AI-enhanced textarea
<ReviverTextArea
  label="Smart Editor"
  placeholder="Start typing..."
  onChange={(e) => {
    // Handle changes
  }}
/>