@grammarly/react-textarea

Grammarly plugin for React + textarea

Bringing the Grammarly experience to apps that use React and <textarea>. No browser extension required.

Getting started

Install the Grammarly plugin:

npm install @grammarly/react-textarea

Use the provided <GrammarlyTextarea> instead of a regular <textarea>:

import { GrammarlyTextArea } from "@grammarly/react-textarea";

import React, { useState } from "react";

export function TextareaEditor() {
  const [value, setValue] = useState("");

  return (
    <GrammarlyTextArea
      value={value}
      onChange={(event) => {
        setValue(event.target.value);
      }}
      clientId="your-client-id-here"
      rows={20}
    />
  );
}