# @remirror/extension-emoji > Add flavor to your editor with emoji's that make the heart sing. Latest version **3.0.2** (published 2025-08-02) · MIT license · 0 weekly downloads ## Install ```sh npm install @remirror/extension-emoji pnpm add @remirror/extension-emoji yarn add @remirror/extension-emoji bun add @remirror/extension-emoji ``` ## Health **Score 45/100 (D)** — status: stable. Positive: has types; esm support; no vulnerabilities. Warnings: low downloads. Negative: stale. ## Facts | | | |---|---| | Version | 3.0.2 | | Published | 2025-08-02 | | First published | 2019-03-04 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 10 | | Unpacked size | 136.7 KB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 3036 | | Maintainers | ifiokjr, ocavue | | Keywords | remirror, remirror-extension, emoji, smiley, emoticons, editor | ## Links - npm: https://www.npmjs.com/package/@remirror/extension-emoji - Repository: https://github.com/remirror/remirror - Homepage: https://github.com/remirror/remirror/tree/HEAD/packages/remirror__extension-emoji - Issues: https://github.com/remirror/remirror/issues - npm.io page: https://npm.io/package/@remirror/extension-emoji ## Dependencies (10) - [svgmoji](https://npm.io/package/svgmoji.md) ^3.2.0 - [emojibase](https://npm.io/package/emojibase.md) ^6.1.0 - [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.27.0 - [@remirror/core](https://npm.io/package/@remirror/core.md) 3.0.2 - [emojibase-data](https://npm.io/package/emojibase-data.md) ^6.2.0 - [@remirror/theme](https://npm.io/package/@remirror/theme.md) 3.0.0 - [emojibase-regex](https://npm.io/package/emojibase-regex.md) ^6.0.1 - [@remirror/messages](https://npm.io/package/@remirror/messages.md) 3.0.0 - [@ocavue/svgmoji-cjs](https://npm.io/package/@ocavue/svgmoji-cjs.md) ^0.1.1 - [escape-string-regexp](https://npm.io/package/escape-string-regexp.md) ^4.0.0 ## Alternatives - [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads - [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads - [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads - [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads - [@react-md/material-icons](https://npm.io/package/@react-md/material-icons.md) — 1.6K weekly downloads ## Recent versions - 3.0.2 (latest) — 2025-08-02 - 3.0.0-beta.8 (beta) — 2024-07-22 - 0.0.0-pr2271.2 (pr2271) — 2024-07-18 - 0.0.0-pr2222.1 (pr2222) — 2023-12-12 - 0.0.0-pr2223.1 (pr2223) — 2023-12-12 - 0.0.0-pr2169.2 (pr2169) — 2023-11-06 - 0.0.0-pr2166.4 (pr2166) — 2023-10-06 - 0.0.0-pr2128.4 (pr2128) — 2023-07-26 - 0.0.0-pr2118.1 (pr2118) — 2023-07-13 - 0.0.0-pr2100.1 (pr2100) — 2023-06-28 - 0.0.0-pr1966.1 (pr1966) — 2022-12-26 - 0.0.0-pr1948.1 (pr1948) — 2022-11-25 - 0.0.0-pr1942.1 (pr1942) — 2022-11-21 - 0.0.0-pr1938.1 (pr1938) — 2022-11-15 - 0.0.0-pr1922.2 (pr1922) — 2022-10-26 - … 328 more at https://npm.io/package/@remirror/extension-emoji/versions ## README # @remirror/extension-emoji > Add flavor to your editor with emoji's that make the heart sing. [![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](#) [![MIT License][license]](#) [version]: https://flat.badgen.net/npm/v/@remirror/extension-emoji [npm]: https://npmjs.com/package/@remirror/extension-emoji [license]: https://flat.badgen.net/badge/license/MIT/purple [size]: https://bundlephobia.com/result?p=@remirror/extension-emoji [size-badge]: https://flat.badgen.net/bundlephobia/minzip/@remirror/extension-emoji [typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label [downloads-badge]: https://badgen.net/npm/dw/@remirror/extension-emoji/red?icon=npm ## Installation ```bash # yarn yarn add @remirror/extension-emoji # pnpm pnpm add @remirror/extension-emoji # npm npm install @remirror/extension-emoji ``` This is included by default when you install the recommended `remirror` package. All exports are also available via the entry-point, `remirror/extensions`. ## Usage The following code sample will create a limited editor and run the available commands from this extension. ```ts import { ExtensionPriority, RemirrorManager } from 'remirror'; import { CorePreset, EmojiExtension } from 'remirror/extensions'; // Create the codeBlock extension const emojiExtension = new EmojiExtension({ supportedLanguages: [typescript, jsx] }); const corePreset = new CorePreset(); // Create the Editor Manager with the codeBlock extension passed through. const manager = RemirrorManager.create([emojiExtension, corePreset]); // Pass the dom element to the editor. If you are using `@remirror/react` or // other framework wrappers then this is handled for you. const element = document.createElement('div'); document.body.append(element); // Add the view to the editor manager. manager.addView(element); manager.store.commands.insertEmojiByName('+1'); // Insert the thumbs up emoji. manager.store.commands.suggestEmoji(); // Inserts the suggestion activation character. manager.store.helpers.updateFrequentlyUsed(['heart', '+1', 'smile']); ``` --- _Source: https://npm.io/package/@remirror/extension-emoji · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._