Installation

Install the React adapter. The core package is included automatically.

Package Manager

npm install @skyastrall/mentions-react

pnpm add @skyastrall/mentions-react

yarn add @skyastrall/mentions-react

Requirements

• React 18 or 19
• ReactDOM 18 or 19

Works with Next.js, Remix, Vite, Astro, and any React project.

What Gets Installed

@skyastrall/mentions-react depends on @skyastrall/mentions-core, which is installed automatically. You only need core separately for non-React adapters or server-side usage.

TypeScript

Both packages ship with full TypeScript declarations. No @types/* packages needed.

Optional: CSS Effects

For animated borders, glow, and dropdown animations:

import "@skyastrall/mentions-react/effects.css";

Entirely optional. The component works without it.