diff --git a/packages/frappe-ui-react/package.json b/packages/frappe-ui-react/package.json
index b0eca500..c7e0f2af 100644
--- a/packages/frappe-ui-react/package.json
+++ b/packages/frappe-ui-react/package.json
@@ -44,6 +44,7 @@
     "@tailwindcss/typography": "^0.5.19",
     "@tiptap/extension-blockquote": "^3.17.1",
     "@tiptap/extension-code-block-lowlight": "^3.17.1",
+    "@tiptap/extension-emoji": "^3.19.0",
     "@tiptap/extension-highlight": "^3.17.1",
     "@tiptap/extension-horizontal-rule": "^3.17.1",
     "@tiptap/extension-list": "^3.17.1",
@@ -56,6 +57,7 @@
     "@tiptap/pm": "^3.17.1",
     "@tiptap/react": "^3.17.1",
     "@tiptap/starter-kit": "^3.17.1",
+    "@tiptap/suggestion": "^3.19.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "dayjs": "^1.11.19",
diff --git a/packages/frappe-ui-react/src/components/textEditor/emoji/emojiList.tsx b/packages/frappe-ui-react/src/components/textEditor/emoji/emojiList.tsx
new file mode 100644
index 00000000..03df1df0
--- /dev/null
+++ b/packages/frappe-ui-react/src/components/textEditor/emoji/emojiList.tsx
@@ -0,0 +1,93 @@
+/**
+ * External dependencies.
+ */
+import type {
+  SuggestionKeyDownProps,
+  SuggestionProps,
+} from "@tiptap/suggestion";
+import clsx from "clsx";
+import { forwardRef, useCallback, useImperativeHandle, useState } from "react";
+
+export type EmojiListRef = {
+  onKeyDown: (props: SuggestionKeyDownProps) => boolean;
+};
+
+export const EmojiList = forwardRef<EmojiListRef, SuggestionProps>(
+  ({ items, command }, ref) => {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+
+    const selectItem = useCallback(
+      (index: number) => {
+        const item = items[index];
+
+        if (item) {
+          command({ name: item.name });
+        }
+      },
+      [items, command]
+    );
+
+    useImperativeHandle(ref, () => {
+      const upHandler = () => {
+        setSelectedIndex((selectedIndex + items.length - 1) % items.length);
+      };
+
+      const downHandler = () => {
+        setSelectedIndex((selectedIndex + 1) % items.length);
+      };
+
+      const enterHandler = () => {
+        selectItem(selectedIndex);
+      };
+
+      return {
+        onKeyDown: (x: SuggestionKeyDownProps) => {
+          if (x.event.key === "ArrowUp") {
+            upHandler();
+            return true;
+          }
+
+          if (x.event.key === "ArrowDown") {
+            downHandler();
+            return true;
+          }
+
+          if (x.event.key === "Enter") {
+            enterHandler();
+            return true;
+          }
+
+          return false;
+        },
+      };
+    }, [items, selectedIndex, selectItem]);
+
+    if (items.length === 0) {
+      return null;
+    }
+
+    return (
+      <div
+        role="listbox"
+        className="relative max-h-[300px] min-w-40 overflow-y-auto rounded-lg bg-surface-white p-1 text-base shadow-lg"
+      >
+        {items.map((item, index) => (
+          <button
+            role="option"
+            type="button"
+            key={index}
+            className={clsx(
+              "flex w-full items-center whitespace-nowrap rounded-md px-2 py-1.5 text-sm text-ink-gray-9 gap-1",
+              index === selectedIndex && "bg-surface-gray-2"
+            )}
+            onClick={() => selectItem(index)}
+            onMouseOver={() => setSelectedIndex(index)}
+          >
+            <span>{item.emoji}</span>
+            <span>{item.display || item.title || item.name}</span>
+          </button>
+        ))}
+      </div>
+    );
+  }
+);
diff --git a/packages/frappe-ui-react/src/components/textEditor/emoji/suggestions.tsx b/packages/frappe-ui-react/src/components/textEditor/emoji/suggestions.tsx
new file mode 100644
index 00000000..8982d9e7
--- /dev/null
+++ b/packages/frappe-ui-react/src/components/textEditor/emoji/suggestions.tsx
@@ -0,0 +1,121 @@
+/**
+ * External dependencies.
+ */
+import type { EmojiItem } from "@tiptap/extension-emoji";
+import type { SuggestionOptions, SuggestionProps } from "@tiptap/suggestion";
+import { computePosition } from "@floating-ui/react";
+import { ReactRenderer } from "@tiptap/react";
+
+/**
+ * Internal dependencies.
+ */
+import { EmojiList, type EmojiListRef } from "./emojiList";
+
+type EmojiStorage = {
+  emojis: EmojiItem[];
+};
+
+const EmojiSuggestions: Omit<SuggestionOptions, "editor"> = {
+  items: ({ editor, query }) => {
+    const storage = editor.storage.emoji as EmojiStorage;
+
+    return storage.emojis
+      .filter(({ shortcodes, tags }) => {
+        const lowerQuery = query.toLowerCase();
+
+        return (
+          shortcodes.some((shortcode) => shortcode.startsWith(lowerQuery)) ||
+          tags.some((tag) => tag.startsWith(lowerQuery))
+        );
+      })
+      .slice(0, 5);
+  },
+
+  allowSpaces: false,
+
+  render: () => {
+    let component: ReactRenderer<EmojiListRef, SuggestionProps> | null = null;
+
+    const repositionComponent = (clientRect: DOMRect | null) => {
+      if (!clientRect || !component) {
+        return;
+      }
+
+      const virtualElement = {
+        getBoundingClientRect() {
+          return clientRect;
+        },
+      };
+
+      computePosition(virtualElement, component.element, {
+        placement: "bottom-start",
+      }).then((pos) => {
+        if (!component) {
+          return;
+        }
+
+        Object.assign(component.element.style, {
+          left: `${pos.x}px`,
+          top: `${pos.y}px`,
+          position: pos.strategy === "fixed" ? "fixed" : "absolute",
+        });
+      });
+    };
+
+    return {
+      onStart: (props) => {
+        component = new ReactRenderer(EmojiList, {
+          props,
+          editor: props.editor,
+        });
+
+        document.body.appendChild(component.element);
+        if (props.clientRect) {
+          repositionComponent(props.clientRect());
+        }
+      },
+
+      onUpdate(props) {
+        if (!component) {
+          return;
+        }
+
+        component.updateProps(props);
+        repositionComponent(props.clientRect?.() ?? null);
+      },
+
+      onKeyDown(props) {
+        if (!component) {
+          return false;
+        }
+
+        if (!component.ref) {
+          return false;
+        }
+
+        if (props.event.key === "Escape") {
+          if (document.body.contains(component.element)) {
+            document.body.removeChild(component.element);
+          }
+          component.destroy();
+          component = null;
+          return true;
+        }
+
+        return component.ref.onKeyDown(props) ?? false;
+      },
+
+      onExit() {
+        if (component) {
+          if (document.body.contains(component.element)) {
+            document.body.removeChild(component.element);
+          }
+          component.destroy();
+          component = null;
+        }
+      },
+    };
+  },
+};
+
+export default EmojiSuggestions;
diff --git a/packages/frappe-ui-react/src/components/textEditor/menu/menu.tsx b/packages/frappe-ui-react/src/components/textEditor/menu/menu.tsx
index 3efd0b77..b333c0e2 100644
--- a/packages/frappe-ui-react/src/components/textEditor/menu/menu.tsx
+++ b/packages/frappe-ui-react/src/components/textEditor/menu/menu.tsx
@@ -164,7 +164,7 @@ const Menu = ({ className }: MenuProps) => {
 
         if (command.component) {
           return (
-            <command.component>
+            <command.component key={index}>
               {({ isActive, onClick }) => (
                 <button
                   role="button"
diff --git a/packages/frappe-ui-react/src/components/textEditor/textEditor.interactions.stories.tsx b/packages/frappe-ui-react/src/components/textEditor/textEditor.interactions.stories.tsx
index 417155e6..07dcbc5f 100644
--- a/packages/frappe-ui-react/src/components/textEditor/textEditor.interactions.stories.tsx
+++ b/packages/frappe-ui-react/src/components/textEditor/textEditor.interactions.stories.tsx
@@ -255,3 +255,45 @@ export const EditorFontColor: Story = {
     expect(newText).toHaveStyle("background-color: #ffe7e7");
   },
 };
+
+export const EditorEmoji: Story = {
+  args: {
+    content: CONTENT,
+    editorClass: "prose-sm min-h-[4rem] border rounded-b-lg border-t-0 p-2",
+    fixedMenu: true,
+  },
+  render: function BasicRender(args) {
+    return (
+      <div className="m-2 w-[550px]">
+        <TextEditor {...args} />
+      </div>
+    );
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+
+    const text = canvas.getByText((content, element) => {
+      return (
+        content.includes("This is a paragraph") && element?.tagName === "P"
+      );
+    });
+
+    await userEvent.click(text);
+
+    await userEvent.type(text, "{Control>}{ArrowRight}");
+
+    // Type ":smiley" to trigger emoji suggestions
+    await userEvent.type(text, " :smiley");
+
+    // Wait for the emoji suggestion list to appear
+    const emojiSuggestion = await screen.findByText("😃");
+    expect(emojiSuggestion).toBeInTheDocument();
+
+    // Select the emoji from the suggestion list
+    await userEvent.click(emojiSuggestion);
+
+    // Verify the emoji is added to the editor content
+    const updatedContent = canvas.getByText("😃");
+    expect(updatedContent).toBeInTheDocument();
+  },
+};
diff --git a/packages/frappe-ui-react/src/components/textEditor/textEditor.tsx b/packages/frappe-ui-react/src/components/textEditor/textEditor.tsx
index 4fbada51..9bccac40 100644
--- a/packages/frappe-ui-react/src/components/textEditor/textEditor.tsx
+++ b/packages/frappe-ui-react/src/components/textEditor/textEditor.tsx
@@ -12,6 +12,7 @@ import HorizontalRule from "@tiptap/extension-horizontal-rule";
 import Strike from "@tiptap/extension-strike";
 import Placeholder from "@tiptap/extension-placeholder";
 import { TableKit } from "@tiptap/extension-table";
+import Emoji from "@tiptap/extension-emoji";
 import clsx from "clsx";
 
 /**
@@ -22,6 +23,7 @@ import { normalizeClasses } from "../../utils";
 import type { TextEditorProps } from "./types";
 import FixedMenu from "./menu/fixedMenu";
 import { ExtendedCodeBlock } from "./extension/codeBlock";
+import EmojiSuggestions from "./emoji/suggestions";
 
 const TextEditor = ({
   content,
@@ -56,11 +58,9 @@ const TextEditor = ({
       extensions: [
         StarterKit.configure({
           codeBlock: false,
-          horizontalRule: {
-            HTMLAttributes: {
-              class: "not-prose border-outline-gray-1 m-0",
-            },
-          },
+          strike: false,
+          blockquote: false,
+          horizontalRule: false,
           ...starterkitOptions,
         }),
         Placeholder.configure({
@@ -85,6 +85,9 @@ const TextEditor = ({
           },
         }),
         ExtendedCodeBlock,
+        Emoji.configure({
+          suggestion: EmojiSuggestions,
+        }),
         ...extensions,
       ],
       onUpdate: ({ editor }) => {
@@ -118,7 +121,11 @@ const TextEditor = ({
     <EditorContext.Provider value={{ editor }}>
       {Top && <Top />}
       {fixedMenu && <FixedMenu />}
-      {Editor ? <Editor editor={editor} /> : <EditorContent editor={editor} />}
+      {Editor ? (
+        <Editor editor={editor} />
+      ) : (
+        <EditorContent editor={editor} role="textbox" />
+      )}
       {Bottom && <Bottom />}
     </EditorContext.Provider>
   );
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 7ec5c72d..4232d5c0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -171,6 +171,9 @@ importers:
       '@tiptap/extension-code-block-lowlight':
         specifier: ^3.17.1
         version: 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/extension-code-block@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)(highlight.js@11.11.1)(lowlight@3.3.0)
+      '@tiptap/extension-emoji':
+        specifier: ^3.19.0
+        version: 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)(@tiptap/suggestion@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))(emojibase@17.0.0)
       '@tiptap/extension-highlight':
         specifier: ^3.17.1
         version: 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))
@@ -207,6 +210,9 @@ importers:
       '@tiptap/starter-kit':
         specifier: ^3.17.1
         version: 3.19.0
+      '@tiptap/suggestion':
+        specifier: ^3.19.0
+        version: 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -2070,6 +2076,13 @@ packages:
     peerDependencies:
       '@tiptap/extensions': ^3.19.0
 
+  '@tiptap/extension-emoji@3.19.0':
+    resolution: {integrity: sha512-sMpMUuVKaMqmOdIwFotuRSIw5LgBSECSQJKdC6HUUlETvtcRkUgf6SmrKefixXyir2CQPbA3ioDZTNTI2rs1Wg==}
+    peerDependencies:
+      '@tiptap/core': ^3.19.0
+      '@tiptap/pm': ^3.19.0
+      '@tiptap/suggestion': ^3.19.0
+
   '@tiptap/extension-floating-menu@3.19.0':
     resolution: {integrity: sha512-JaoEkVRkt+Slq3tySlIsxnMnCjS0L5n1CA1hctjLy0iah8edetj3XD5mVv5iKqDzE+LIjF4nwLRRVKJPc8hFBg==}
     peerDependencies:
@@ -2203,6 +2216,12 @@ packages:
   '@tiptap/starter-kit@3.19.0':
     resolution: {integrity: sha512-dTCkHEz+Y8ADxX7h+xvl6caAj+3nII/wMB1rTQchSuNKqJTOrzyUsCWm094+IoZmLT738wANE0fRIgziNHs/ug==}
 
+  '@tiptap/suggestion@3.19.0':
+    resolution: {integrity: sha512-tUZwMRFqTVPIo566ZmHNRteyZxJy2EE4FA+S3IeIUOOvY6AW0h1imhbpBO7sXV8CeEQvpa+2DWwLvy7L3vmstA==}
+    peerDependencies:
+      '@tiptap/core': ^3.19.0
+      '@tiptap/pm': ^3.19.0
+
   '@tybys/wasm-util@0.10.1':
     resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
 
@@ -2987,6 +3006,15 @@ packages:
   emoji-regex@9.2.2:
     resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
 
+  emojibase-data@15.3.2:
+    resolution: {integrity: sha512-TpDyTDDTdqWIJixV5sTA6OQ0P0JfIIeK2tFRR3q56G9LK65ylAZ7z3KyBXokpvTTJ+mLUXQXbLNyVkjvnTLE+A==}
+    peerDependencies:
+      emojibase: '*'
+
+  emojibase@17.0.0:
+    resolution: {integrity: sha512-bXdpf4HPY3p41zK5swVKZdC/VynsMZ4LoLxdYDE+GucqkFwzcM1GVc4ODfYAlwoKaf2U2oNNUoOO78N96ovpBA==}
+    engines: {node: '>=18.12.0'}
+
   enhanced-resolve@5.18.4:
     resolution: {integrity: sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q==}
     engines: {node: '>=10.13.0'}
@@ -3471,6 +3499,9 @@ packages:
     engines: {node: '>=8'}
     hasBin: true
 
+  is-emoji-supported@0.0.5:
+    resolution: {integrity: sha512-WOlXUhDDHxYqcSmFZis+xWhhqXiK2SU0iYiqmth5Ip0FHLZQAt9rKL5ahnilE8/86WH8tZ3bmNNNC+bTzamqlw==}
+
   is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
@@ -7080,6 +7111,17 @@ snapshots:
     dependencies:
       '@tiptap/extensions': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
 
+  '@tiptap/extension-emoji@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)(@tiptap/suggestion@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0))(emojibase@17.0.0)':
+    dependencies:
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
+      '@tiptap/pm': 3.19.0
+      '@tiptap/suggestion': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
+      emoji-regex: 10.6.0
+      emojibase-data: 15.3.2(emojibase@17.0.0)
+      is-emoji-supported: 0.0.5
+    transitivePeerDependencies:
+      - emojibase
+
   '@tiptap/extension-floating-menu@3.19.0(@floating-ui/dom@1.7.4)(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)':
     dependencies:
       '@floating-ui/dom': 1.7.4
@@ -7242,6 +7284,11 @@ snapshots:
       '@tiptap/extensions': 3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)
       '@tiptap/pm': 3.19.0
 
+  '@tiptap/suggestion@3.19.0(@tiptap/core@3.19.0(@tiptap/pm@3.19.0))(@tiptap/pm@3.19.0)':
+    dependencies:
+      '@tiptap/core': 3.19.0(@tiptap/pm@3.19.0)
+      '@tiptap/pm': 3.19.0
+
   '@tybys/wasm-util@0.10.1':
     dependencies:
       tslib: 2.8.1
@@ -8076,6 +8123,12 @@ snapshots:
 
   emoji-regex@9.2.2: {}
 
+  emojibase-data@15.3.2(emojibase@17.0.0):
+    dependencies:
+      emojibase: 17.0.0
+
+  emojibase@17.0.0: {}
+
   enhanced-resolve@5.18.4:
     dependencies:
       graceful-fs: 4.2.11
@@ -8674,6 +8727,8 @@ snapshots:
 
   is-docker@2.2.1: {}
 
+  is-emoji-supported@0.0.5: {}
+
   is-extglob@2.1.1: {}
 
   is-finalizationregistry@1.1.1: