# ngx-grammarly

> > **⚠️ This package is deprecated.**

Latest version **14.0.4** (published 2025-07-08) · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install ngx-grammarly
pnpm add ngx-grammarly
yarn add ngx-grammarly
bun add ngx-grammarly
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 14.0.4 |
| Published | 2025-07-08 |
| First published | 2022-10-04 |
| Weekly downloads | 0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 28.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | kostetskyroma |

## Links

- npm: https://www.npmjs.com/package/ngx-grammarly
- npm.io page: https://npm.io/package/ngx-grammarly

## Dependencies (2)

- [tslib](https://npm.io/package/tslib.md) ^2.3.0
- [@grammarly/editor-sdk](https://npm.io/package/@grammarly/editor-sdk.md) ^2.0.2

## Recent versions

- 14.0.4 (latest) — 2025-07-08
- 14.0.3 — 2025-07-08
- 14.0.2 — 2022-10-06
- 14.0.1 — 2022-10-06
- 13.0.2 — 2022-10-06
- 13.0.0 — 2022-10-06
- 13.0.1 — 2022-10-05
- 0.0.2 — 2022-10-05
- 0.0.1 — 2022-10-04

## README

# 🛑 Ngx-Grammarly (Deprecated)

> **⚠️ This package is deprecated.**

Grammarly officially shut down their Text Editor SDK on **January 10, 2024**. As a result, this package is no longer functional and should not be used in production.

**Learn more:**

- 📄 [Grammarly SDK Deprecation Notice](https://developer.grammarly.com/sdk-deprecation)
- 📰 [TechCrunch Article](https://techcrunch.com/2023/07/13/grammarly-to-shut-down-the-text-editor-sdk-in-january/)

---

> **Deprecated – for reference only.**

This library provide opportunity to use the Grammarly Text Editor SDK in your application, that allows you to bring real-time writing suggestions to your users. The SDK lets you easily add and configure the Grammarly Text Editor Plugin. In text fields and editors that use the plugin, your users will get Grammarly’s best-in-class writing support as they type, without needing to download Grammarly or create an account.

[![GitHub issues](https://img.shields.io/github/issues/kostetskyroma/ngx-grammarly)](https://github.com/kostetskyroma/ngx-grammarly/issues)
[![GitHub forks](https://img.shields.io/github/forks/kostetskyroma/ngx-grammarly)](https://github.com/kostetskyroma/ngx-grammarly/network)
[![GitHub stars](https://img.shields.io/github/stars/kostetskyroma/ngx-grammarly)](https://github.com/kostetskyroma/ngx-grammarly/stargazers)
[![GitHub license](https://img.shields.io/github/license/kostetskyroma/ngx-grammarly)](https://github.com/kostetskyroma/ngx-grammarly/blob/master/LICENSE)

[![Support](https://img.shields.io/badge/Support-Angular%2013%2B-blue.svg?style=flat-square)]()
[![Support](https://img.shields.io/badge/Support-Angular%2014%2B-blue.svg?style=flat-square)]()

## What's New

- Angular 14 support 🥳

## Compatibility

| Angular 14  | Angular 13  |
| ----------- | ----------- |
| >=`v14.0.1` | >=`v13.0.2` |

## Installation

        npm install ngx-grammarly

> ⚠️ Installation is no longer recommended as the SDK backend has been shut down.

## Usage

The grammarly-editor-plugin can wrap the following types of elements:

    - <input type='text'>
    - <textarea>
    - elements with attribute contenteditable="true"

\*.module.ts

    import { NgxGrammarlyModule } from 'ngx-grammarly';

    ...
    imports: [ NgxGrammarlyModule.forRoot({ clientId: 'YOUR_API_KEY' }) ]
    ...

\*.component.html

    <ngx-grammarly>
        <h2>Textarea</h2>
        <textarea id="textarea" [value]="demoText.textarea" rows="10"> </textarea>
    </ngx-grammarly>

    <ngx-grammarly>
        <h2 for="input">Input</h2>
        <input type="text" id="input" [value]="demoText.input" />
    </ngx-grammarly>

    <ngx-grammarly>
        <h2>Contenteditable</h2>
        <div id="contenteditable" contentEditable="true" [innerHTML]="demoText.contenteditable"></div>
    </ngx-grammarly>

> ⚠️ Usage is no longer recommended as the SDK backend has been shut down.

[Source](https://github.com/kostetskyroma/ngx-grammarly/tree/master/projects/ngx-grammarly)
<br>
[NPM](https://www.npmjs.com/package/ngx-grammarly)

## Publishing

After building your library with `npm run build:ngx-grammarly`, go to the dist folder `cd dist/ngx-grammarly` and run `npm publish`.

## Running unit tests

Run `ng test ngx-grammarly` to execute the unit tests via [Karma](https://karma-runner.github.io).

---
_Source: https://npm.io/package/ngx-grammarly · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._