What is @ai-animate/core?

@ai-animate/core is an open-source npm package of animated UI components built for AI applications. It includes text animations, cinematic reveals, image transitions, and AI state components for React, Next.js, and Remotion.

How do I install @ai-animate/core?

Run: npm install @ai-animate/core. Requires React 18 or later.

What frameworks does ai-animate support?

ai-animate (@ai-animate/core) supports React 18+, Next.js (App Router and Pages Router), and Remotion for programmatic video production.

Is @ai-animate/core tree-shakeable?

Yes. @ai-animate/core is fully tree-shakeable. Only the components you import are included in your bundle.

Introduction

ai-animate is an open-source library of animated UI components built specifically for AI applications. Drop-in text animations, image reveals, and motion primitives that work in React, Next.js, and Remotion. Build anywhere.

Installation

npm install @ai-animate/core

Quick start

import { TextType } from '@ai-animate/core'

Use cases

→ AI chat frontends: streaming text, thinking indicators, tool-call states
→ Remotion video production: cinematic text reveals, image transitions, lower thirds
→ AI product landing pages: animated hero text, image reveals, motion primitives
→ Next.js apps: drop-in components, zero config, tree-shakeable

What's included

→ Text animations (typewriter, blur reveal, cinematic, scramble, ticker)
→ Image components (reveal, float, parallax)
→ AI state indicators (streaming, thinking, tool call, success)
→ Voice & waveform UI
→ Terminal streaming components
→ Video-ready components for Remotion