Installation

Install the adapter for your framework. The core package is included automatically.

Package Manager

npm install @skyastrall/mentions-react
npm install @skyastrall/mentions-vue
npm install @skyastrall/mentions-svelte

Or with pnpm / yarn:

pnpm add @skyastrall/mentions-react
pnpm add @skyastrall/mentions-vue
pnpm add @skyastrall/mentions-svelte

Requirements

  • React 18 or 19
  • ReactDOM 18 or 19

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

What Gets Installed

Your framework adapter depends on @skyastrall/mentions-core, which is installed automatically. You only need core separately for server-side usage or building a custom adapter.

TypeScript

All 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";
// CSS effects available via React adapter:
// import "@skyastrall/mentions-react/effects.css";
// Works with any framework — it's just CSS.
// CSS effects available via React adapter:
// import "@skyastrall/mentions-react/effects.css";
// Works with any framework — it's just CSS.

Entirely optional. The component works without it.