diff --git a/app/brave_command_ids.h b/app/brave_command_ids.h
index a8d6c73a92b3..a834f531ea9c 100644
--- a/app/brave_command_ids.h
+++ b/app/brave_command_ids.h
@@ -141,6 +141,9 @@
 
 #define IDC_SHOW_APPS_PAGE 56352
 
+#define IDC_SHOW_EMAIL_ALIASES 56353
+#define IDC_NEW_EMAIL_ALIAS 56354
+
 #define IDC_BRAVE_COMMANDS_LAST 57000
 
 #endif  // BRAVE_APP_BRAVE_COMMAND_IDS_H_
diff --git a/app/brave_generated_resources.grd b/app/brave_generated_resources.grd
index ac2d7bdc94a4..101bd5b2781a 100644
--- a/app/brave_generated_resources.grd
+++ b/app/brave_generated_resources.grd
@@ -263,6 +263,9 @@ Or change later at <ph name="SETTINGS_EXTENIONS_LINK">$2<ex>brave://settings/ext
       <message name="IDS_BRAVE_PERMISSIONS_BUBBLE_PROMPT" desc="The label that is used to introduce permission request details to the user in a popup.">
         <ph name="SITE_NAME">$1<ex>google.com</ex></ph> is asking you to
       </message>
+      <message name="IDS_SHOW_EMAIL_ALIASES" desc="The show Email Aliases menu in the app menu">
+        Email Aliases
+      </message>
 
       <!-- Autoplay -->
       <message name="IDS_BLOCKED_AUTOPLAY_TITLE" desc="Tooltip and bubble info header text when a page is not allowed to autoplay media.">
@@ -351,6 +354,11 @@ Or change later at <ph name="SETTINGS_EXTENIONS_LINK">$2<ex>brave://settings/ext
         Block elements
       </message>
 
+      <!-- Adblock contenxt menu -->
+      <message name="IDS_NEW_EMAIL_ALIAS" desc="Message for context menu that enables the Email Alias generator UI for the page">
+        New Email Alias
+      </message>
+
       <message name="IDS_LOCATION_BAR_ONION_AVAILABLE" desc="Button in location bar to indicate onion available site to open a new tab in tor window.">
         .onion
       </message>
diff --git a/app/brave_settings_strings.grdp b/app/brave_settings_strings.grdp
index 1661b8ebb0f0..123b92feef14 100644
--- a/app/brave_settings_strings.grdp
+++ b/app/brave_settings_strings.grdp
@@ -326,6 +326,9 @@
   </if>
 
   <!-- Settings / Autofill -->
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_LABEL" desc="The label to show the Email Aliases page">
+    Email Aliases
+  </message>
   <message name="IDS_SETTINGS_BRAVE_AUTOFILL_PRIVATE_WINDOWS_LABEL" desc="The label to enable autofill in private profiles">
     Allow auto-fill in private windows
   </message>
@@ -333,6 +336,107 @@
     Info from regular windows can be read/auto-filled in private windows
   </message>
 
+  <!-- Settings / Email Aliases -->
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_SHORT_DESCRIPTION" desc="The short description for the Email Aliases page">
+    Keep your personal email address private
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_DESCRIPTION" desc="The description for the Email Aliases page">
+    Create unique, random addresses that forward to your Brave account email and can be deleted at any time. Keep your actual email address from being disclosed or used by advertisers.
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_LEARN_MORE" desc="The label for the learn more link">
+    Learn more
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_SIGN_OUT" desc="The label for the sign out link">
+    Sign out
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_SIGN_OUT_TITLE" desc="The title for the sign out link">
+    Sign out of Email Aliases
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_CONNECTING_TO_BRAVE_ACCOUNT" desc="The label for the connecting to Brave Account">
+    Connecting to Brave Account...
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_BRAVE_ACCOUNT" desc="The label for the Brave Account">
+    Brave Account
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_COPIED_TO_CLIPBOARD" desc="The label for the copied to clipboard">
+    Copied to clipboard
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_CLICK_TO_COPY_ALIAS" desc="The label for the click to copy alias">
+    Click to copy alias
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_USED_BY" desc="The label for the used by">
+    Used by <ph name="DOMAINS">$1<ex>example.com, example.org</ex></ph>
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_EDIT" desc="The label for the edit link">
+    Edit
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_DELETE" desc="The label for the delete link">
+    Delete
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_CREATE_DESCRIPTION" desc="The description for the create email alias">
+    Create up to 5 free email aliases to protect your real email address.
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_LIST_TITLE" desc="The title for the email alias list">
+    Your email aliases
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_CREATE_ALIAS_TITLE" desc="The title for the create alias">
+    Create a new alias email
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_CREATE_ALIAS_LABEL" desc="The label for the create alias">
+    New alias
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_REFRESH_BUTTON_TITLE" desc="The title for the refresh button">
+    Suggest another email alias
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_NOTE_LABEL" desc="The label for the note">
+    Note
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_EDIT_NOTE_PLACEHOLDER" desc="The placeholder for the edit note">
+    Enter a note for your address (optional)
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_CANCEL_BUTTON" desc="The label for the cancel button">
+    Cancel
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_ALIAS_LABEL" desc="The label for the alias">
+    Email alias
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_EMAILS_WILL_BE_FORWARDED_TO" desc="The label explaining where emails will be forwarded">
+    Emails will be forwarded to <ph name="MAIN_EMAIL">$1<ex>address@example.com</ex></ph>
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_EDIT_ALIAS_TITLE" desc="The title for the edit alias">
+    Edit email alias
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_CREATE_ALIAS_BUTTON" desc="The label for the create alias button">
+    Create
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_SAVE_ALIAS_BUTTON" desc="The label for the save alias button">
+    Save
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_SIGN_IN_OR_CREATE_ACCOUNT" desc="The label for the sign in or create account">
+    To get started, sign in or create a Brave account
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_ENTER_EMAIL_TO_GET_LOGIN_LINK" desc="The label for the enter email to get login link">
+    Enter your email address to get a secure login link sent to your email. Clicking this link will either create or access a Brave Account and let you use the free Email Aliases service.
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_GET_LOGIN_LINK_BUTTON" desc="The label for the get login link button">
+    Get login link
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_EMAIL_ADDRESS_PLACEHOLDER" desc="The placeholder for the email address">
+    Email address
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_LOGIN_EMAIL_ON_THE_WAY" desc="The label for the login email on the way">
+    A login email is on the way to <ph name="MAIN_EMAIL">$1<ex>address@example.com</ex></ph>
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_CLICK_ON_SECURE_LOGIN" desc="The label for the click on secure login">
+    Click on the secure login link in the email to access your account.
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_DONT_SEE_EMAIL" desc="The label for the don't see email">
+    Don't see the email? Check your spam folder or
+  </message>
+  <message name="IDS_SETTINGS_EMAIL_ALIASES_TRY_AGAIN" desc="The label for the try again">
+    try again.
+  </message>
+
   <!-- Settings / New tab page -->
   <message name="IDS_SETTINGS_NEW_TAB" desc="The text label for the New Tab settings page">
     New Tab Page
diff --git a/app/generate_command_metadata.py b/app/generate_command_metadata.py
index 826f54159539..945f39cb38d7 100644
--- a/app/generate_command_metadata.py
+++ b/app/generate_command_metadata.py
@@ -224,6 +224,7 @@
     "IDC_NEW_TOR_CONNECTION_FOR_SITE": "IDS_NEW_TOR_CONNECTION_FOR_SITE",
     "IDC_NEW_OFFTHERECORD_WINDOW_TOR": "IDS_NEW_OFFTHERECORD_WINDOW_TOR",
     "IDC_SHOW_BRAVE_SYNC": "IDS_SHOW_BRAVE_SYNC",
+    "IDC_SHOW_EMAIL_ALIASES": "IDS_SHOW_EMAIL_ALIASES",
     "IDC_SHOW_BRAVE_WALLET": "IDS_SHOW_BRAVE_WALLET",
     "IDC_SHOW_BRAVE_WEBCOMPAT_REPORTER": "IDS_SHOW_BRAVE_WEBCOMPAT_REPORTER",
     "IDC_WINDOW_CLOSE_TABS_TO_LEFT": "IDS_TAB_CXMENU_CLOSETABSTOLEFT",
diff --git a/browser/about_flags.cc b/browser/about_flags.cc
index ecb7abbe79e6..0d2d0b491109 100644
--- a/browser/about_flags.cc
+++ b/browser/about_flags.cc
@@ -1001,6 +1001,14 @@
           "corners, padding, and a drop shadow",                               \
           kOsWin | kOsLinux | kOsMac,                                          \
           FEATURE_VALUE_TYPE(features::kBraveWebViewRoundedCorners),           \
+      },                                                                       \
+      {                                                                        \
+          "brave-email-aliases",                                               \
+          "Enable Email Aliases",                                              \
+          "Enables the Email Aliases feature, which allows you to hide your "  \
+          "real email address behind an alias email address.",                 \
+          kOsWin | kOsLinux | kOsMac,                                          \
+          FEATURE_VALUE_TYPE(features::kBraveEmailAliases),                    \
       })                                                                       \
   BRAVE_NATIVE_WALLET_FEATURE_ENTRIES                                          \
   BRAVE_NEWS_FEATURE_ENTRIES                                                   \
diff --git a/browser/brave_browser_features.cc b/browser/brave_browser_features.cc
index 85c244faad08..4507798c587e 100644
--- a/browser/brave_browser_features.cc
+++ b/browser/brave_browser_features.cc
@@ -53,6 +53,10 @@ BASE_FEATURE(kNewAndroidOnboarding,
              base::FEATURE_DISABLED_BY_DEFAULT);
 #endif  // BUILDFLAG(IS_ANDROID)
 
+BASE_FEATURE(kBraveEmailAliases,
+             "BraveEmailAliases",
+             base::FEATURE_DISABLED_BY_DEFAULT);
+
 // The variant of the "day zero" experiment. i.e. A, B, C, D, etc.
 const base::FeatureParam<std::string> kBraveDayZeroExperimentVariant{
     &kBraveDayZeroExperiment,
diff --git a/browser/brave_browser_features.h b/browser/brave_browser_features.h
index ad30895a251e..2e5f471fa2ab 100644
--- a/browser/brave_browser_features.h
+++ b/browser/brave_browser_features.h
@@ -22,6 +22,7 @@ BASE_DECLARE_FEATURE(kBraveDayZeroExperiment);
 #if BUILDFLAG(IS_ANDROID)
 BASE_DECLARE_FEATURE(kNewAndroidOnboarding);
 #endif  // BUILDFLAG(IS_ANDROID)
+BASE_DECLARE_FEATURE(kBraveEmailAliases);
 
 extern const base::FeatureParam<std::string> kBraveDayZeroExperimentVariant;
 
diff --git a/browser/brave_local_state_prefs.cc b/browser/brave_local_state_prefs.cc
index d8dc3b39a3e6..06f2984fec0b 100644
--- a/browser/brave_local_state_prefs.cc
+++ b/browser/brave_local_state_prefs.cc
@@ -27,6 +27,7 @@
 #include "brave/components/brave_wallet/browser/brave_wallet_prefs.h"
 #include "brave/components/constants/pref_names.h"
 #include "brave/components/decentralized_dns/core/utils.h"
+#include "brave/components/email_aliases/browser/email_aliases_prefs.h"
 #include "brave/components/l10n/common/prefs.h"
 #include "brave/components/misc_metrics/general_browser_usage.h"
 #include "brave/components/misc_metrics/page_metrics.h"
diff --git a/browser/brave_profile_prefs.cc b/browser/brave_profile_prefs.cc
index 81a45ec7ee39..6c294da1693f 100644
--- a/browser/brave_profile_prefs.cc
+++ b/browser/brave_profile_prefs.cc
@@ -44,6 +44,7 @@
 #include "brave/components/constants/pref_names.h"
 #include "brave/components/de_amp/common/pref_names.h"
 #include "brave/components/debounce/core/browser/debounce_service.h"
+#include "brave/components/email_aliases/browser/email_aliases_prefs.h"
 #include "brave/components/ipfs/ipfs_prefs.h"
 #include "brave/components/ntp_background_images/browser/view_counter_service.h"
 #include "brave/components/ntp_background_images/buildflags/buildflags.h"
@@ -493,6 +494,8 @@ void RegisterProfilePrefs(user_prefs::PrefRegistrySyncable* registry) {
                                 base::Value(false));
 
   webcompat_reporter::prefs::RegisterProfilePrefs(registry);
+
+  email_aliases::RegisterProfilePrefs(registry);
 }
 
 }  // namespace brave
diff --git a/browser/resources/settings/brave_autofill_page/brave_autofill_page.ts b/browser/resources/settings/brave_autofill_page/brave_autofill_page.ts
index fe643069173f..e4ee2bc5e850 100644
--- a/browser/resources/settings/brave_autofill_page/brave_autofill_page.ts
+++ b/browser/resources/settings/brave_autofill_page/brave_autofill_page.ts
@@ -22,4 +22,9 @@ export class BraveSettingsAutofillPageElement extends RouteObserverMixin(BaseEle
   override currentRouteChanged(newRoute: Route) {
     this.isAutofillPage_ = newRoute == Router.getInstance().getRoutes().AUTOFILL
   }
+
+  private onEmailAliasesClicked_() {
+    const router = Router.getInstance()
+    router.navigateTo((router.getRoutes() as any).EMAIL_ALIASES)
+  }
 }
diff --git a/browser/resources/settings/brave_overrides/autofill_page.ts b/browser/resources/settings/brave_overrides/autofill_page.ts
index c8131750d7a3..4f3f5adb0da4 100644
--- a/browser/resources/settings/brave_overrides/autofill_page.ts
+++ b/browser/resources/settings/brave_overrides/autofill_page.ts
@@ -3,16 +3,34 @@
 // License, v. 2.0. If a copy of the MPL was not distributed with this file,
 // You can obtain one at https://mozilla.org/MPL/2.0/.
 
-import {html, RegisterPolymerTemplateModifications, RegisterPolymerComponentReplacement} from 'chrome://resources/brave/polymer_overriding.js'
-import {BraveSettingsAutofillPageElement} from '../brave_autofill_page/brave_autofill_page.js'
-import {loadTimeData} from '../i18n_setup.js'
+import {
+  html,
+  RegisterPolymerTemplateModifications,
+  RegisterPolymerComponentReplacement,
+} from 'chrome://resources/brave/polymer_overriding.js'
+import { BraveSettingsAutofillPageElement } from '../brave_autofill_page/brave_autofill_page.js'
+import { loadTimeData } from '../i18n_setup.js'
+
+import '../email_aliases_page/email_aliases_page.js'
 
 RegisterPolymerComponentReplacement(
   'settings-autofill-page', BraveSettingsAutofillPageElement
 )
 
+
 RegisterPolymerTemplateModifications({
   'settings-autofill-page': (templateContent) => {
+    const isEmailAliasesFeatureEnabled = loadTimeData.getBoolean('isEmailAliasesFeatureEnabled')
+    if (isEmailAliasesFeatureEnabled) {
+      const parentManagerButton = templateContent.getElementById('paymentManagerButton')
+      parentManagerButton.parentNode.insertBefore(html`
+        <cr-link-row id="emailAliasesButton"
+            start-icon="email-shield"
+            label="${loadTimeData.getString('emailAliasesLabel')}"
+            on-click="onEmailAliasesClicked_"
+            role-description="$i18n{subpageArrowRoleDescription}"></cr-link-row>
+      `, parentManagerButton)
+    }
     templateContent.appendChild(html`
         <settings-toggle-button
           class="hr"
@@ -23,6 +41,19 @@ RegisterPolymerTemplateModifications({
           hidden=[[!isAutofillPage_]]
         </settings-toggle-button>
       `)
+    if (isEmailAliasesFeatureEnabled) {
+    const pages = templateContent.getElementById('pages')
+    pages.appendChild(html`
+      <template is="dom-if" route-path="/email-aliases">
+        <settings-subpage
+            associated-control="[[$$('#paymentManagerButton')]]"
+            page-title="${loadTimeData.getString('emailAliasesLabel')}"
+            learn-more-url="$i18n{addressesAndPaymentMethodsLearnMoreURL}">
+          <settings-email-aliases-page id="emailAliasesSection" prefs="{{prefs}}" />
+        </settings-subpage>
+      </template>
+    `)
     }
-  }
+  },
+}
 )
diff --git a/browser/resources/settings/brave_overrides/site_settings_page.ts b/browser/resources/settings/brave_overrides/site_settings_page.ts
index 24540db1216b..0d117d211b19 100644
--- a/browser/resources/settings/brave_overrides/site_settings_page.ts
+++ b/browser/resources/settings/brave_overrides/site_settings_page.ts
@@ -175,6 +175,20 @@ RegisterPolymerComponentReplacement(
               }
               lists_.permissionsAdvanced.splice(currentIndex, 0, solanaItem)
             }
+            const isEmailAliasesEnabled = loadTimeData.getBoolean('isEmailAliasesFeatureEnabled')
+            if (isEmailAliasesEnabled) {
+              currentIndex++
+              const emailAliasesItem = {
+                route: routes.EMAIL_ALIASES,
+                id: 'braveEmailAliases',
+                label: 'siteSettingsEmailAliases',
+                icon: 'product-email-aliases',
+                enabledLabel: 'siteSettingsEmailAliasesAsk',
+                disabledLabel: 'siteSettingsEmailAliasesBlock'
+              }
+              lists_.permissionsAdvanced.splice(currentIndex, 0,
+                emailAliasesItem)
+            }
           }
         }
         lists_.shieldsBasic = [
diff --git a/browser/resources/settings/brave_routes.ts b/browser/resources/settings/brave_routes.ts
index 93d1dd16f96e..bbca6a6867b2 100644
--- a/browser/resources/settings/brave_routes.ts
+++ b/browser/resources/settings/brave_routes.ts
@@ -100,6 +100,12 @@ export default function addBraveRoutes(r: Partial<SettingsRoutes>) {
   } else if (!isGuest) {
     console.error('[Brave Settings Overrides] Could not move autofill route to advanced route', r)
   }
+
+  const isEmailAliasesFeatureEnabled = loadTimeData.getBoolean('isEmailAliasesFeatureEnabled')
+  if (isEmailAliasesFeatureEnabled) {
+    r.EMAIL_ALIASES = r.AUTOFILL.createChild('/email-aliases')
+  }
+
   // Delete performance menu - system menu includes it instead.
   if (r.PERFORMANCE) {
     delete r.PERFORMANCE
diff --git a/browser/resources/settings/email_aliases_page/BUILD.gn b/browser/resources/settings/email_aliases_page/BUILD.gn
new file mode 100644
index 000000000000..4dd4f4df2c3e
--- /dev/null
+++ b/browser/resources/settings/email_aliases_page/BUILD.gn
@@ -0,0 +1,22 @@
+# Copyright (c) 2025 The Brave Authors. All rights reserved.
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this file,
+# You can obtain one at https://mozilla.org/MPL/2.0/.
+
+import("//brave/components/common/typescript.gni")
+
+transpile_web_ui("email_aliases_ui") {
+  entry_points = [ [
+        "email_aliases",
+        rebase_path("email_aliases.tsx"),
+      ] ]
+
+  resource_name = "email_aliases"
+}
+
+pack_web_resources("generated_resources") {
+  resource_name = "email_aliases"
+  output_dir =
+      "$root_gen_dir/brave/browser/resources/settings/email_aliases_page"
+  deps = [ ":email_aliases_ui" ]
+}
diff --git a/browser/resources/settings/email_aliases_page/email_aliases.tsx b/browser/resources/settings/email_aliases_page/email_aliases.tsx
new file mode 100644
index 000000000000..5569f14dae19
--- /dev/null
+++ b/browser/resources/settings/email_aliases_page/email_aliases.tsx
@@ -0,0 +1,428 @@
+// Copyright (c) 2025 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// You can obtain one at https://mozilla.org/MPL/2.0/.
+
+import * as React from 'react'
+import { createRoot } from 'react-dom/client';
+import Button from '@brave/leo/react/button'
+import { color, spacing } from '@brave/leo/tokens/css/variables'
+import { Alias, MappingService, ViewMode } from './types'
+import Icon from '@brave/leo/react/icon'
+import { StyleSheetManager } from 'styled-components'
+import Input, { InputEventDetail } from '@brave/leo/react/input'
+import ButtonMenu from '@brave/leo/react/buttonMenu'
+import Tooltip from '@brave/leo/react/tooltip'
+import { getLocale } from '$web-common/locale'
+import formatMessage from '$web-common/formatMessage'
+import {
+  AccountRow,
+  AliasAnnotation,
+  AliasControls,
+  AliasItemRow,
+  AliasListIntro,
+  BraveIconCircle,
+  BraveIconWrapper,
+  ButtonRow,
+  Card,
+  CloseButton,
+  Col,
+  CopyButtonWrapper,
+  EmailContainer,
+  GeneratedEmailContainer,
+  GrayOverlay,
+  MainEmail,
+  MainEmailDescription,
+  MainEmailTextContainer,
+  ManageAccountLink,
+  MenuButton,
+  Modal,
+  ModalSectionCol,
+  Row,
+  SignupRow,
+} from './styles'
+
+type ViewState = {
+  mode: ViewMode,
+  alias?: Alias
+}
+
+const onEnterKey = (onSubmit: Function) =>
+  (e: InputEventDetail) => {
+    const innerEvent = e.innerEvent as unknown as KeyboardEvent
+    if (innerEvent.key === 'Enter') {
+      onSubmit()
+    }
+  }
+
+const BraveIcon = ({style}: {style?: React.CSSProperties | undefined}) => (
+  <BraveIconCircle style={{...style, flexGrow: 0}}>
+    <BraveIconWrapper>
+      <Icon name='brave-icon-release-color' />
+    </BraveIconWrapper>
+  </BraveIconCircle>
+)
+
+const Introduction = () => (
+  <Card id='introduction'>
+    <h2>{getLocale('emailAliasesShortDescription')}</h2>
+    <div>{getLocale('emailAliasesDescription')} <a href="https://support.brave.com" target='_blank'>{getLocale('emailAliasesLearnMore')}</a>
+    </div>
+  </Card>
+)
+
+const MainEmailDisplay = ({ email, onLogout }: { email: string, onLogout: Function }) => (
+  <Card id='main-email-display'>
+    <AccountRow>
+    <Row>
+      <BraveIcon />
+      <MainEmailTextContainer>
+        <MainEmail>{email === '' ? getLocale('emailAliasesConnectingToBraveAccount') : email}</MainEmail>
+        <MainEmailDescription>{getLocale('emailAliasesBraveAccount')}</MainEmailDescription>
+      </MainEmailTextContainer>
+    </Row>
+    <ManageAccountLink
+      title={getLocale('emailAliasesSignOutTitle')}
+      href='#'
+      onClick={(e) => { e.preventDefault(); onLogout() }}>
+      <Icon name="outside" />
+      <span style={{ margin: '0.25em' }}>{getLocale('emailAliasesSignOut')}</span>
+    </ManageAccountLink>
+  </AccountRow>
+</Card>
+)
+
+const copyEmailToClipboard = (
+  email: string
+) => {
+  navigator.clipboard.writeText(email)
+}
+
+const AliasMenuItem = ({ onClick, iconName, text }:
+  { onClick: EventListener, iconName: string, text: string }) => (
+  <leo-menu-item
+    onClick={onClick}>
+    <Row style={{ fontSize: '90%' }}>
+      <Icon name={iconName} />
+      <span style={{ marginInlineStart: '0.5em' }}>{text}</span>
+    </Row>
+  </leo-menu-item>
+)
+
+const CopyToast = ({ children }: React.PropsWithChildren) => {
+  const [copied, setCopied] = React.useState<boolean>(false)
+  return (<div onClick={() => {
+    setCopied(true)
+    setTimeout(() => setCopied(false), 1000)
+  }}>
+    <Tooltip text={copied ? getLocale('emailAliasesCopiedToClipboard') : ''} mode="mini" visible={copied}>
+      {children}
+    </Tooltip>
+  </div>
+  )
+}
+
+const AliasItem = ({ alias, onEdit, onDelete }: { alias: Alias, onEdit: Function, onDelete: Function }) => {
+  return (
+    <AliasItemRow>
+      <Col>
+        <CopyToast>
+          <EmailContainer title={getLocale('emailAliasesClickToCopyAlias')}
+            onClick={(event: React.MouseEvent<HTMLElement>) => copyEmailToClipboard(alias.email)}>
+            {alias.email}
+          </EmailContainer>
+        </CopyToast>
+        {((alias.note || alias.domains) &&
+          <AliasAnnotation>
+            {(alias.note && <span>{alias.note}</span>)}
+            {alias.domains && alias.note && <span>. </span>}
+            {(alias.domains && <span>{formatMessage( getLocale('emailAliasesUsedBy'),
+              { placeholders: { $1: alias.domains?.join(", ") } })}</span>)}
+          </AliasAnnotation>
+        )}
+      </Col>
+      <AliasControls>
+        <CopyToast>
+          <CopyButtonWrapper
+            title={getLocale('emailAliasesClickToCopyAlias')}
+            onClick={() => {
+              copyEmailToClipboard(alias.email)
+            }}>
+            <Icon name="copy" style={{color: color.text.secondary}}/>
+          </CopyButtonWrapper>
+        </CopyToast>
+        <ButtonMenu>
+          <MenuButton slot='anchor-content' kind='plain-faint' size="large" style='width: 1.5em;'>
+            <Icon name="more-vertical" />
+          </MenuButton>
+          <AliasMenuItem
+            iconName="edit-pencil"
+            text={getLocale('emailAliasesEdit')}
+            onClick={() => onEdit()} />
+          <AliasMenuItem
+            iconName="trash"
+            text={getLocale('emailAliasesDelete')}
+            onClick={() => onDelete(alias)} />
+        </ButtonMenu>
+      </AliasControls>
+    </AliasItemRow>
+  )
+}
+
+const AliasList = ({ aliases, onViewChange, onListChange, mappingService }: { mappingService: MappingService, aliases: Alias[], onViewChange: Function, onListChange: Function }) => (
+  <Card style={{ borderTop: `1px solid ${color.legacy.divider1}` }}>
+    <AliasListIntro>
+      <Col>
+        <h2>{getLocale('emailAliasesListTitle')}</h2>
+        <div>
+          {getLocale('emailAliasesCreateDescription')}
+        </div>
+      </Col>
+      <Button style='flex-grow: 0;'
+        title={getLocale('emailAliasesCreateAliasTitle')}
+        id='add-alias'
+        onClick={
+          async () => {
+            onViewChange({ mode: ViewMode.Create })
+            const newEmailAlias = await mappingService.generateAlias()
+            onViewChange({ mode: ViewMode.Create, alias: { email: newEmailAlias } })
+          }
+        }>
+        {getLocale('emailAliasesCreateAliasLabel')}
+      </Button>
+    </AliasListIntro>
+    {aliases.map(
+      alias => <AliasItem
+        key={alias.email}
+        alias={alias}
+        onEdit={() => onViewChange({ mode: ViewMode.Edit, alias: alias })}
+        onDelete={async (alias: Alias) => {
+          await mappingService.deleteAlias(alias.email)
+          onListChange()
+        }}></AliasItem>)}
+  </Card>
+)
+
+
+const RefreshButton = ( { onClicked } : { onClicked: Function }) => (
+  <Button title={getLocale('emailAliasesRefreshButtonTitle')}
+    onClick={() => onClicked()}
+    kind="plain" style='flex-grow: 0; padding: 0px'>
+    <Icon name="refresh" />
+  </Button>
+)
+
+const ModalWithCloseButton = ({ children, returnToMain }: React.PropsWithChildren & { returnToMain: Function }) => (
+  <Modal>
+    <CloseButton onClick={() => returnToMain()}><Icon name='close' /></CloseButton>
+    {children}
+  </Modal>
+)
+
+export const EmailAliasModal = (
+  { returnToMain, viewState, email, mode, mappingService }:
+    { returnToMain: Function,
+      viewState?: ViewState,
+      mode: ViewMode
+      email: string,
+      mappingService: MappingService }
+) => {
+  const [mainEmail, setMainEmail] = React.useState<string>(email)
+  const [proposedAlias, setProposedAlias] = React.useState<string>(viewState?.alias?.email ?? '')
+  const [proposedNote, setProposedNote] = React.useState<string>(viewState?.alias?.note ?? '')
+ // const noteInputRef = React.useRef<HTMLInputElement>(null)
+  const createOrSave = async () => {
+    if (proposedAlias !== '') {
+      if (mode === ViewMode.Create) {
+        await mappingService.createAlias(proposedAlias, proposedNote)
+        await mappingService.fillField(proposedAlias)
+      } else {
+        await mappingService.updateAlias(proposedAlias, proposedNote, true)
+      }
+      returnToMain()
+    }
+  }
+  const regenerateAlias = async () => {
+    const newEmailAlias = await mappingService.generateAlias()
+    setProposedAlias(newEmailAlias)
+  }
+  React.useEffect(() => {
+    if (mode == ViewMode.Create) {
+      regenerateAlias()
+    }
+    mappingService.getAccountEmail().then(email => setMainEmail(email ?? ''))
+  }, [])
+  return (
+    <span>
+      <h2>{mode == ViewMode.Create ? getLocale('emailAliasesCreateAliasTitle') : getLocale('emailAliasesEditAliasTitle')}</h2>
+      <ModalSectionCol style={{}}>
+        <h3 style={{ margin: '0.25em' }}>{getLocale('emailAliasesAliasLabel')}</h3>
+      <GeneratedEmailContainer>
+        <div>{proposedAlias}</div>
+        {mode == ViewMode.Create && <RefreshButton onClicked={regenerateAlias} />}
+      </GeneratedEmailContainer>
+      <div>{formatMessage(  getLocale('emailAliasesEmailsWillBeForwardedTo'), { placeholders: { $1: mainEmail } })}</div>
+    </ModalSectionCol>
+    <ModalSectionCol>
+      <h3 style={{ margin: '0.25em' }}>{getLocale('emailAliasesNoteLabel')}</h3>
+      <Input id='note-input'
+        type='text'
+        placeholder={getLocale('emailAliasesEditNotePlaceholder')}
+        value={proposedNote}
+        onChange={(detail: InputEventDetail) => setProposedNote(detail.value)}
+        onKeyDown={onEnterKey(createOrSave)}
+        style='margin: 0.25em 0em'>
+      </Input>
+      {mode == ViewMode.Edit && viewState?.alias?.domains && <div>getLocale('emailAliasesUsedBy', viewState?.alias?.domains?.join(', '))</div>}
+    </ModalSectionCol>
+    <ButtonRow>
+      <Button onClick={() => returnToMain()} kind='plain' style='flex-grow: 0;'>
+        {getLocale('emailAliasesCancelButton')}
+      </Button>
+      <Button
+        style='flex-grow: 0; margin-inline-start: 1em;'
+        kind='filled'
+        onClick={() => createOrSave()}>
+        {mode == ViewMode.Create ? getLocale('emailAliasesCreateAliasButton') : getLocale('emailAliasesSaveAliasButton')}
+        </Button>
+      </ButtonRow>
+    </span>
+  )
+}
+
+const BeforeSendingEmailForm = ({ initEmail, onSubmit }: { initEmail: string, onSubmit: Function }) => {
+  const [email, setEmail] = React.useState<string>(initEmail)
+  return (<Col>
+    <h3>{getLocale('emailAliasesSignInOrCreateAccount')}</h3>
+    <div style={{ marginBottom: '1em' }}>{getLocale('emailAliasesEnterEmailToGetLoginLink')}</div>
+      <Row>
+        <Input autofocus={true}
+          onChange={(detail: InputEventDetail) => setEmail(detail.value)}
+          onKeyDown={onEnterKey(() => onSubmit(email))}
+          name='email'
+          style='flex-grow: 4; margin-inline-end: 1em;'
+          type='text'
+          placeholder={getLocale('emailAliasesEmailAddressPlaceholder')}
+          value={email || ''}
+        ></Input>
+        <Button onClick={() => onSubmit(email)} type='submit' style='flex-grow: 1' kind='filled'>{getLocale('emailAliasesGetLoginLinkButton')}</Button>
+      </Row>
+  </Col>
+  )
+}
+
+const AfterSendingEmailMessage = ({mainEmail, tryAgain}: {mainEmail: string, tryAgain: Function}) => (
+  <Col style={{flexGrow: 1}}>
+    <h3>{formatMessage(getLocale('emailAliasesLoginEmailOnTheWay'), { placeholders: { $1: mainEmail } })}</h3>
+    <div style={{ marginBottom: '1em' }}>{getLocale('emailAliasesClickOnSecureLogin')}</div>
+    <div style={{ marginBottom: '1em' }}>{getLocale('emailAliasesDontSeeEmail')} <a href='#' onClick={(e) => { e.preventDefault(); tryAgain()}}>{getLocale('emailAliasesTryAgain')}</a>
+    </div>
+  </Col>
+)
+
+const MainEmailEntryForm = ({viewState, mainEmail, onEmailSubmitted, restart} : {viewState:ViewState, mainEmail: string, onEmailSubmitted: Function, restart: Function}) => (
+  <Card id='main-email-entry-form'>
+    <SignupRow>
+      <BraveIcon style={{marginTop: '1em'}}/>
+      {viewState.mode === ViewMode.SignUp ? (<BeforeSendingEmailForm initEmail={mainEmail} onSubmit={onEmailSubmitted}/>) : (<AfterSendingEmailMessage mainEmail={mainEmail} tryAgain={restart}/>)}
+    </SignupRow>
+  </Card>
+)
+
+export const ManagePage = ({ mappingService }:
+  {
+    mappingService: MappingService
+  }) => {
+  const [viewState, setViewState] = React.useState<ViewState>({ mode: ViewMode.Startup })
+  const [mainEmail, setMainEmail] = React.useState<string>('')
+  const mode = viewState.mode
+  const [aliasesState, setAliasesState] = React.useState<Alias[]>([]);
+  const onEmailChange = async () => {
+    const email = await mappingService.getAccountEmail()
+    setMainEmail(email ?? '')
+    setViewState({ mode: email ? ViewMode.Main : ViewMode.SignUp })
+  }
+  const onListChange = async () => {
+    const aliases = await mappingService.getAliases()
+    setAliasesState(aliases)
+  }
+  const onMainEmailSubmitted = async (email: string) => {
+    setMainEmail(email)
+    await mappingService.requestAccount(email)
+    setViewState({ mode: ViewMode.AwaitingAuthorization })
+    const accountReady = await mappingService.onAccountReady()
+    if (accountReady) {
+      setViewState({ mode: ViewMode.Main })
+      await onListChange()
+    }
+  }
+  const onLogout = () => {
+    mappingService.logout()
+    setViewState({ mode: ViewMode.SignUp })
+  }
+  const restart = async () => {
+    await mappingService.cancelAccountRequest()
+    setViewState({ mode: ViewMode.SignUp })
+  }
+  const returnToMain = () => {
+    setViewState({ mode: ViewMode.Main })
+    onListChange()
+  }
+  React.useEffect(() => {
+    onEmailChange();
+    onListChange();
+  }, [] /* Only run at mount. */)
+  return (
+    <Col style={{ padding: spacing.l }}>
+      <Introduction />
+      {viewState.mode === ViewMode.SignUp || viewState.mode === ViewMode.AwaitingAuthorization ?
+        (<MainEmailEntryForm viewState={viewState} mainEmail={mainEmail} onEmailSubmitted={onMainEmailSubmitted} restart={restart}/>) :
+        (viewState.mode === ViewMode.Startup ?
+          (<Row style={{margin: '1em', flexGrow: 1, justifyContent: 'center', alignItems: 'center'}}><Icon name='loading-spinner' />
+            <h3 style={{margin: '0.25em'}}>{getLocale('emailAliasesConnectingToBraveAccount')}</h3>
+           </Row>) :
+          (<span>
+            <MainEmailDisplay onLogout={onLogout} email={mainEmail} />
+            <AliasList aliases={aliasesState} onViewChange={setViewState}
+              mappingService={mappingService}
+              onListChange={onListChange}></AliasList>
+          </span>))}
+      {(mode == ViewMode.Create || mode == ViewMode.Edit) &&
+        (<span><GrayOverlay onClick={returnToMain}>&nbsp;</GrayOverlay>
+          <ModalWithCloseButton returnToMain={returnToMain}>
+            <EmailAliasModal
+              returnToMain={returnToMain}
+              viewState={viewState}
+              email={mainEmail}
+              mode={mode}
+              mappingService={mappingService} />
+          </ModalWithCloseButton>
+        </span>)}
+    </Col>
+  )
+}
+
+export const mount = (at: HTMLElement, mappingService: MappingService) => {
+  const root = createRoot(at);
+  root.render(
+    <StyleSheetManager target={at}>
+      <ManagePage {...{mappingService}}/>
+    </StyleSheetManager>
+  )
+}
+
+export const mountModal = (at: HTMLElement, mappingService: MappingService) => {
+  const root = createRoot(at);
+  root.render(
+    <StyleSheetManager target={at}>
+      <EmailAliasModal
+       returnToMain={() => mappingService.closeBubble()}
+       mode={ViewMode.Create}
+       email={'test@test.com'}
+       mappingService={mappingService}/>
+    </StyleSheetManager>
+  )
+}
+
+  ; (window as any).mountEmailAliases = mount
+  ; (window as any).mountModal = mountModal
diff --git a/browser/resources/settings/email_aliases_page/email_aliases_page.ts b/browser/resources/settings/email_aliases_page/email_aliases_page.ts
new file mode 100644
index 000000000000..9290dcee1d25
--- /dev/null
+++ b/browser/resources/settings/email_aliases_page/email_aliases_page.ts
@@ -0,0 +1,24 @@
+// Copyright (c) 2025 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// You can obtain one at https://mozilla.org/MPL/2.0/.
+
+import { loadTimeData } from "chrome://resources/js/load_time_data.js"
+import { RemoteMappingService } from "./remote_mapping_service.js"
+
+// Unfortunately, our current WebPack build does not support ESModule output and
+// it expects loadTimeData to be on the globalThis. The settings page has been
+// migrated to use the ESModule version of loadTimeData and strings.m.js. For
+// now, this provides a shim between the old and the new system.
+(window as any).loadTimeData = loadTimeData
+
+class EmailAliasesPage extends HTMLElement {
+  connectedCallback() {
+    this.attachShadow({ mode: 'open' })
+    import('/email_aliases.bundle.js' as any)
+      .then(() => (window as any).mountEmailAliases(this.shadowRoot, new RemoteMappingService))
+      .catch(() => {})
+  }
+}
+
+customElements.define('settings-email-aliases-page', EmailAliasesPage)
diff --git a/browser/resources/settings/email_aliases_page/remote_mapping_service.ts b/browser/resources/settings/email_aliases_page/remote_mapping_service.ts
new file mode 100644
index 000000000000..8722c7edf912
--- /dev/null
+++ b/browser/resources/settings/email_aliases_page/remote_mapping_service.ts
@@ -0,0 +1,65 @@
+// Copyright (c) 2025 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// You can obtain one at https://mozilla.org/MPL/2.0/.
+
+import { AccountState, Alias, MappingService } from './types'
+import { sendWithPromise} from 'chrome://resources/js/cr.js';
+
+export class RemoteMappingService implements MappingService {
+  private pending_cancellation_ = false
+
+  async getAccountEmail (): Promise<string | undefined> {
+    return sendWithPromise('email_aliases.getAccountEmail')
+  }
+  async logout (): Promise<void> {
+    await sendWithPromise('email_aliases.logout')
+  }
+  async requestAccount (accountEmail: string): Promise<void> {
+    await sendWithPromise('email_aliases.requestAccount', accountEmail)
+  }
+  async getAccountState (): Promise<AccountState> {
+    throw new Error('Method not implemented.');
+  }
+  async getAliases (): Promise<Alias[]> {
+    const result = await sendWithPromise('email_aliases.getAliases')
+    return result
+  }
+  async createAlias (email: string, note: string): Promise<void> {
+    await sendWithPromise('email_aliases.createAlias', email, note)
+  }
+  async updateAlias (email: string, note: string, status: boolean): Promise<void> {
+    await sendWithPromise('email_aliases.updateAlias', email, note, status)
+  }
+  async deleteAlias (email: string): Promise<void> {
+    await sendWithPromise('email_aliases.deleteAlias', email)
+  }
+  /*
+  async generateAlias (): Promise<string> {
+    return sendWithPromise('email_aliases.generateAlias')
+  }*/
+  async generateAlias (): Promise<string> {
+    return "mock-" + Math.random().toString().slice(2,6) + "@bravealias.com"
+  }
+  async onAccountReady(): Promise<boolean> {
+    this.pending_cancellation_ = false
+    while (!this.pending_cancellation_) {
+      try {
+        await sendWithPromise('email_aliases.getSession')
+        return true
+      } catch (e) {
+        console.error(e)
+      }
+    }
+    return false
+  }
+  async cancelAccountRequest(): Promise<void> {
+    this.pending_cancellation_ = true
+  }
+  async closeBubble(): Promise<void> {
+    await sendWithPromise('email_aliases.closeBubble')
+  }
+  async fillField(fieldValue: string): Promise<void> {
+    await sendWithPromise('email_aliases.fillField', fieldValue)
+  }
+}
diff --git a/browser/resources/settings/email_aliases_page/styles.ts b/browser/resources/settings/email_aliases_page/styles.ts
new file mode 100644
index 000000000000..118d6b55d033
--- /dev/null
+++ b/browser/resources/settings/email_aliases_page/styles.ts
@@ -0,0 +1,180 @@
+// Copyright (c) 2025 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// You can obtain one at https://mozilla.org/MPL/2.0/.
+
+import styled from 'styled-components'
+import { color, spacing } from '@brave/leo/tokens/css/variables'
+import Button from '@brave/leo/react/button'
+
+export const BraveIconCircle = styled.div`
+  align-items: center;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 2.5em;
+  border-radius: 50%;
+  border: #E3E3E8 1px solid;
+  display: flex;
+  min-height: 4.5em;
+  justify-content: center;
+  margin-inline-end: 1.5em;
+  min-width: 4.5em;
+  flex-grow: 0;
+`
+
+export const BraveIconWrapper = styled.div`
+  transform scale(2);
+  display: inline-block;
+`
+
+export const Card = styled.div`
+  background-color: ${color.container.background};
+  border: none;
+  overflow: hidden;
+  padding: ${spacing.l} ;
+`
+
+export const Row = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+`
+
+export const Col = styled.div`
+  display: flex;
+  flex-direction: column;
+`
+
+export const AccountRow = styled(Row)`
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px 0px 20px;
+`
+
+export const SignupRow = styled(Row)`
+  justify-content: space-between;
+  align-items: start;
+`
+export const MainEmailTextContainer = styled(Col)`
+  justify-content: center;
+  cursor: default;
+  user-select: none;
+`
+
+export const MainEmail = styled.div`
+  font-size: 130%;
+  font-weight: 600;
+  padding-bottom: 6px;
+`
+
+export const MainEmailDescription = styled.div`
+  font-size: 115%;
+`
+
+export const ManageAccountLink = styled.a`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  font-size: 120%;
+  align-items: center;
+  color: ${color.text.secondary};
+  text-decoration: none;
+`
+
+export const MenuButton = styled(Button)`
+  --leo-button-padding: 0;
+  flex-grow: 0;
+`
+
+export const AliasItemRow = styled(Row)`
+  margin: 0px;
+  font-size: 125%;
+  padding: 18px 0px 18px 25px;
+  border-top: ${color.legacy.divider1} 1px solid;
+  justify-content: space-between;
+`
+
+export const AliasAnnotation = styled.div`
+  font-size: 80%;
+  font-weight: 400;
+  padding-top: 0.25em;
+  color: rgb(80, 80, 80);
+`
+
+export const AliasControls = styled(Row)`
+  height: 1.5em;
+  user-select: none;
+  align-items: top;
+`
+
+export const AliasListIntro = styled(Row)`
+  margin-bottom: 20px;
+  justify-content: space-between;
+`
+
+
+export const Modal = styled(Col)`
+  border-radius: var(--cr-card-border-radius);
+  background-color: white;
+  z-index: 2;
+  border: none;
+  opacity: 100%;
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%,-50%);
+  width: 45em;
+  padding: 1em 2em;
+  justify-content: flex-start;
+`
+
+export const CloseButton = styled.span`
+  cursor: pointer;
+  position: absolute;
+  top: 1.75em;
+  right: 1.75em;
+`
+
+export const EmailContainer = styled.div`
+  cursor: pointer;
+`
+
+export const GeneratedEmailContainer = styled(Row)`
+  font-size: 135%;
+  background-color: #f4f4f4;
+  border-radius: 0.5em;
+  padding: 0em 0em 0em 0.75em;
+  margin: 0.25em 0em;
+  justify-content: space-between;
+  height: 2.6em;
+`
+
+export const ButtonRow = styled(Row)`
+  justify-content: end;
+  margin: 1em 0em;
+`
+
+export const ModalSectionCol = styled(Col)`
+  justify-content: flex-start;
+  margin: 1em 0em;
+`
+
+export const GrayOverlay = styled.div`
+  background-color: rgb(50,50,50,0.5);
+  position: fixed;
+  z-index: 1;
+  left: 0em;
+  right: 0em;
+  top: 0em;
+  bottom: 0em;
+`
+
+export const CopyButtonWrapper = styled.div`
+  cursor: pointer;
+  color: #666;
+  &:hover {
+    background-color: #EEE;
+  }
+  padding: 0.25em;
+  border-radius: 0.5em;
+`
diff --git a/browser/resources/settings/email_aliases_page/tsconfig.json b/browser/resources/settings/email_aliases_page/tsconfig.json
new file mode 100644
index 000000000000..db4082b5ac67
--- /dev/null
+++ b/browser/resources/settings/email_aliases_page/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "../../../../tsconfig.json",
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    "**/*.d.ts",
+    "../../definitions/*.d.ts"
+  ]
+}
diff --git a/browser/resources/settings/email_aliases_page/types.ts b/browser/resources/settings/email_aliases_page/types.ts
new file mode 100644
index 000000000000..6e93b1157ea6
--- /dev/null
+++ b/browser/resources/settings/email_aliases_page/types.ts
@@ -0,0 +1,42 @@
+// Copyright (c) 2025 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// You can obtain one at https://mozilla.org/MPL/2.0/.
+
+export type Alias = {
+  email: string,
+  note?: string,
+  domains?: string[]
+}
+
+export interface MappingService {
+  createAlias(email: string, note: string): Promise<void>
+  getAliases(): Promise<Alias[]>
+  updateAlias(email: string, note: string, status: boolean): Promise<void>
+  deleteAlias(email: string): Promise<void>
+  generateAlias(): Promise<string>
+  getAccountEmail (): Promise<string | undefined>
+  requestAccount (accountEmail: string): Promise<void>
+  getAccountState (): Promise<AccountState>
+  onAccountReady (): Promise<boolean>
+  cancelAccountRequest (): Promise<void>
+  logout (): Promise<void>
+  closeBubble (): Promise<void>
+  fillField(fieldValue: string): Promise<void>
+}
+
+export enum ViewMode {
+  Startup,
+  Main,
+  Create,
+  Edit,
+  Delete,
+  SignUp,
+  AwaitingAuthorization
+}
+
+export enum AccountState {
+  NoAccount,
+  AwaitingAccount,
+  AccountReady
+}
\ No newline at end of file
diff --git a/browser/resources/settings/sources.gni b/browser/resources/settings/sources.gni
index bab0ef51bd3f..a80141bee46b 100644
--- a/browser/resources/settings/sources.gni
+++ b/browser/resources/settings/sources.gni
@@ -134,6 +134,9 @@ brave_settings_non_web_component_files = [
   "getting_started_page/brave_account_row.ts",
   "getting_started_page/brave_account_sign_in_dialog.html.ts",
   "getting_started_page/brave_account_sign_in_dialog.ts",
+  "email_aliases_page/email_aliases_page.ts",
+  "email_aliases_page/remote_mapping_service.ts",
+  "email_aliases_page/types.ts",
   "shortcuts_page/shortcuts_page.ts",
 ]
 
diff --git a/browser/sources.gni b/browser/sources.gni
index d0c67b924f6a..33a980b5838e 100644
--- a/browser/sources.gni
+++ b/browser/sources.gni
@@ -189,6 +189,7 @@ brave_chrome_browser_deps = [
   "//brave/components/debounce/content/browser",
   "//brave/components/decentralized_dns/content",
   "//brave/components/decentralized_dns/core",
+  "//brave/components/email_aliases/browser",
   "//brave/components/google_sign_in_permission",
   "//brave/components/https_upgrade_exceptions/browser",
   "//brave/components/ipfs",
diff --git a/browser/ui/BUILD.gn b/browser/ui/BUILD.gn
index e9ef106a20d8..e76909ea0aff 100644
--- a/browser/ui/BUILD.gn
+++ b/browser/ui/BUILD.gn
@@ -104,8 +104,13 @@ source_set("ui") {
   ]
 
   # It doesn't make sense to view the webcompat webui on iOS & Android.
+  # Also, for now email aliases is only available on desktop.
   if (!is_android && !is_ios) {
     sources += [
+      "views/email_aliases_bubble_view.cc",
+      "views/email_aliases_bubble_view.h",
+      "webui/settings/brave_email_aliases_handler.cc",
+      "webui/settings/brave_email_aliases_handler.h",
       "webui/webcompat_reporter/webcompat_reporter_ui.cc",
       "webui/webcompat_reporter/webcompat_reporter_ui.h",
     ]
@@ -338,6 +343,7 @@ source_set("ui") {
       "//brave/browser/profiles:util",
       "//brave/common",
       "//brave/components/constants",
+      "//brave/components/email_aliases/browser",
       "//brave/components/misc_metrics",
       "//brave/components/sidebar/browser",
       "//brave/components/sidebar/common",
@@ -361,6 +367,7 @@ source_set("ui") {
       "//chrome/browser/ui/webui/settings",
       "//chrome/browser/ui/webui/side_panel/reading_list:mojo_bindings",
       "//chrome/common:channel_info",
+      "//components/autofill/content/browser",
       "//components/bookmarks/common",
       "//components/google/core/common",
       "//components/keyed_service/content",
@@ -957,6 +964,7 @@ source_set("ui") {
       "//brave/app/theme:brave_theme_resources",
       "//brave/app/theme:brave_unscaled_resources",
       "//brave/components/brave_webtorrent:static_resources",
+      "//brave/components/email_aliases/browser/resources:generated_resources",
       "//brave/components/webcompat_reporter/browser",
       "//brave/components/webcompat_reporter/ui:generated_resources",
     ]
@@ -1270,9 +1278,12 @@ source_set("ui") {
       "webui/brave_wallet/wallet_page_ui.h",
       "webui/brave_wallet/wallet_panel_ui.cc",
       "webui/brave_wallet/wallet_panel_ui.h",
+      "webui/email_aliases/email_aliases_bubble_ui.cc",
+      "webui/email_aliases/email_aliases_bubble_ui.h",
     ]
     deps += [
       "//brave/browser/brave_wallet:tab_helper",
+      "//brave/browser/resources/settings/email_aliases_page:generated_resources",
       "//brave/browser/resources/settings/shortcuts_page:generated_resources",
       "//brave/browser/ui/brave_wallet",
       "//brave/browser/ui/webui/brave_wallet/common_handler",
diff --git a/browser/ui/brave_browser_command_controller.cc b/browser/ui/brave_browser_command_controller.cc
index 6684ac369a8d..9b6bc88dd074 100644
--- a/browser/ui/brave_browser_command_controller.cc
+++ b/browser/ui/brave_browser_command_controller.cc
@@ -304,6 +304,8 @@ void BraveBrowserCommandController::InitBraveCommandState() {
 
   UpdateCommandEnabled(IDC_BRAVE_SEND_TAB_TO_SELF, true);
 
+  UpdateCommandEnabled(IDC_SHOW_EMAIL_ALIASES, true);
+
   UpdateCommandsForTabs();
   UpdateCommandsForSend();
   UpdateCommandsForPin();
@@ -711,6 +713,9 @@ bool BraveBrowserCommandController::ExecuteBraveCommandWithDisposition(
     case IDC_SWAP_SPLIT_VIEW:
       brave::SwapTabsInTile(&*browser_);
       break;
+    case IDC_SHOW_EMAIL_ALIASES:
+      brave::ShowEmailAliases(&*browser_);
+      break;
     default:
       LOG(WARNING) << "Received Unimplemented Command: " << id;
       break;
diff --git a/browser/ui/brave_pages.cc b/browser/ui/brave_pages.cc
index c8d2e523ae9d..9057031ef500 100644
--- a/browser/ui/brave_pages.cc
+++ b/browser/ui/brave_pages.cc
@@ -93,4 +93,8 @@ void ShowAppsPage(Browser* browser) {
   ShowSingletonTabOverwritingNTP(browser, GURL(chrome::kChromeUIAppsURL));
 }
 
+void ShowEmailAliases(Browser* browser) {
+  ShowSingletonTabOverwritingNTP(browser, GURL(kEmailAliasesSettingsURL));
+}
+
 }  // namespace brave
diff --git a/browser/ui/brave_pages.h b/browser/ui/brave_pages.h
index 1e18e3716417..6c3e10e662b5 100644
--- a/browser/ui/brave_pages.h
+++ b/browser/ui/brave_pages.h
@@ -25,6 +25,8 @@ void ShowSync(Browser* browser);
 void ShowBraveNewsConfigure(Browser* browser);
 void ShowShortcutsPage(Browser* browser);
 void ShowBraveTalk(Browser* browser);
+void ShowEmailAliases(Browser* browser);
+
 void ShowFullpageChat(Browser* browser);
 
 void ShowAppsPage(Browser* browser);
diff --git a/browser/ui/toolbar/app_menu_icons.cc b/browser/ui/toolbar/app_menu_icons.cc
index ee4dd4d383d6..f013e64ccf1d 100644
--- a/browser/ui/toolbar/app_menu_icons.cc
+++ b/browser/ui/toolbar/app_menu_icons.cc
@@ -77,6 +77,7 @@ const std::map<int, const gfx::VectorIcon&>& GetCommandIcons() {
 
           // The `Passwords and autofill` submenu
           {IDC_SHOW_PASSWORD_MANAGER, kLeoKeyIcon},
+          {IDC_SHOW_EMAIL_ALIASES, kLeoEmailShieldIcon},
           {IDC_SHOW_PAYMENT_METHODS, kLeoCreditCardIcon},
           {IDC_SHOW_ADDRESSES, kLeoLocationOnIcon},
 
diff --git a/browser/ui/toolbar/brave_app_menu_model.cc b/browser/ui/toolbar/brave_app_menu_model.cc
index eeaffb4aa064..28bce31a3353 100644
--- a/browser/ui/toolbar/brave_app_menu_model.cc
+++ b/browser/ui/toolbar/brave_app_menu_model.cc
@@ -9,10 +9,12 @@
 #include <optional>
 #include <string>
 
+#include "base/feature_list.h"
 #include "base/memory/raw_ptr.h"
 #include "base/notreached.h"
 #include "base/strings/utf_string_conversions.h"
 #include "brave/app/brave_command_ids.h"
+#include "brave/browser/brave_browser_features.h"
 #include "brave/browser/ui/toolbar/app_menu_icons.h"
 #include "brave/components/commander/common/buildflags/buildflags.h"
 #include "brave/components/l10n/common/localization_util.h"
@@ -27,7 +29,6 @@
 #include "ui/base/models/button_menu_item_model.h"
 #include "ui/base/models/menu_separator_types.h"
 #include "ui/base/ui_base_features.h"
-
 #if defined(TOOLKIT_VIEWS)
 #include "brave/browser/ui/sidebar/sidebar_service_factory.h"
 #include "brave/browser/ui/sidebar/sidebar_utils.h"
@@ -101,6 +102,9 @@ void BraveAppMenuModel::Build() {
   BuildBraveProductsSection();
   BuildBrowserSection();
   BuildMoreToolsSubMenu();
+  if (base::FeatureList::IsEnabled(features::kBraveEmailAliases)) {
+    BuildAutofillSubMenu();
+  }
   BuildHelpSubMenu();
 
   ApplyLeoIcons(this);
@@ -258,6 +262,20 @@ void BraveAppMenuModel::BuildBrowserSection() {
   }
 }
 
+void BraveAppMenuModel::BuildAutofillSubMenu() {
+  ui::SimpleMenuModel* autofill_menu_model =
+      static_cast<ui::SimpleMenuModel*>(GetSubmenuModelAt(
+          GetIndexOfCommandId(IDC_PASSWORDS_AND_AUTOFILL_MENU).value()));
+  DCHECK(autofill_menu_model);
+
+  // Create email Aliases menu item
+  if (const auto index =
+          autofill_menu_model->GetIndexOfCommandId(IDC_SHOW_PASSWORD_MANAGER)) {
+    autofill_menu_model->InsertItemWithStringIdAt(
+        *index + 1, IDC_SHOW_EMAIL_ALIASES, IDS_SHOW_EMAIL_ALIASES);
+  }
+}
+
 void BraveAppMenuModel::BuildMoreToolsSubMenu() {
   ui::SimpleMenuModel* more_tools_menu_model =
       static_cast<ui::SimpleMenuModel*>(
diff --git a/browser/ui/toolbar/brave_app_menu_model.h b/browser/ui/toolbar/brave_app_menu_model.h
index d61862c7e519..a8bf6aba0bb5 100644
--- a/browser/ui/toolbar/brave_app_menu_model.h
+++ b/browser/ui/toolbar/brave_app_menu_model.h
@@ -62,6 +62,9 @@ class BraveAppMenuModel : public AppMenuModel {
   // History, bookmarks, downloads and extensions.
   void BuildBrowserSection();
 
+  // Insert Email Aliases submenu in autofill and passwords submenu
+  void BuildAutofillSubMenu();
+
   // Insert profile, sidebar, sync and cast entries into existing more tools
   // sub menu.
   void BuildMoreToolsSubMenu();
diff --git a/browser/ui/views/email_aliases_bubble_view.cc b/browser/ui/views/email_aliases_bubble_view.cc
new file mode 100644
index 000000000000..9625af5585ad
--- /dev/null
+++ b/browser/ui/views/email_aliases_bubble_view.cc
@@ -0,0 +1,112 @@
+/* Copyright (c) 2025 The Brave Authors. All rights reserved.
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at https://mozilla.org/MPL/2.0/. */
+
+#include "brave/browser/ui/views/email_aliases_bubble_view.h"
+
+#include <memory>
+#include <string>
+#include <utility>
+
+#include "brave/components/constants/webui_url_constants.h"
+#include "chrome/browser/profiles/profile.h"
+#include "chrome/browser/ui/browser.h"
+#include "chrome/browser/ui/browser_window.h"
+#include "chrome/browser/ui/views/frame/browser_view.h"
+#include "chrome/browser/ui/views/location_bar/location_bar_view.h"
+#include "components/autofill/content/browser/content_autofill_driver.h"
+#include "components/autofill/core/browser/autofill_driver.h"
+#include "content/public/browser/browser_context.h"
+#include "content/public/browser/render_frame_host.h"
+#include "ui/base/mojom/dialog_button.mojom.h"
+#include "ui/views/controls/webview/webview.h"
+#include "ui/views/layout/fill_layout.h"
+#include "ui/views/widget/widget.h"
+#include "url/gurl.h"
+
+// static
+
+std::unique_ptr<views::Widget> widget_ptr_;
+
+void EmailAliasesBubbleView::Show(Browser* browser,
+                                  uint64_t field_renderer_id) {
+  auto* browser_view = BrowserView::GetBrowserViewForBrowser(browser);
+  views::View* anchor_view = browser_view->GetLocationBarView();
+  std::unique_ptr<views::Widget> widget(
+      views::BubbleDialogDelegateView::CreateBubble(
+          std::make_unique<EmailAliasesBubbleView>(anchor_view, browser,
+                                                   field_renderer_id),
+          views::Widget::InitParams::CLIENT_OWNS_WIDGET));
+  widget->Show();
+  widget_ptr_ = std::move(widget);
+}
+
+void EmailAliasesBubbleView::Close() {
+  if (widget_ptr_) {
+    widget_ptr_.reset(nullptr);
+  }
+}
+
+EmailAliasesBubbleView::EmailAliasesBubbleView(views::View* anchor_view,
+                                               Browser* browser,
+                                               uint64_t field_renderer_id)
+    : BubbleDialogDelegateView(anchor_view, views::BubbleBorder::TOP_CENTER),
+      browser_(browser),
+      field_renderer_id_(field_renderer_id) {
+  SetLayoutManager(std::make_unique<views::FillLayout>());
+
+  auto* web_view = new views::WebView(browser->profile());
+  SetButtons(static_cast<int>(ui::mojom::DialogButton::kNone));
+  web_view->SetPreferredSize(gfx::Size(500, 350));
+  AddChildView(web_view);
+
+  // Load URL after adding to view hierarchy
+  web_view->LoadInitialURL(GURL(kEmailAliasesBubbleURL));
+}
+
+EmailAliasesBubbleView::~EmailAliasesBubbleView() {}
+
+void EmailAliasesBubbleView::FillField(const std::string& alias_address) {
+  if (!browser_) {
+    return;
+  }
+  content::WebContents* web_contents =
+      browser_->tab_strip_model()->GetActiveWebContents();
+  if (!web_contents) {
+    return;
+  }
+  content::RenderFrameHost* render_frame_host =
+      web_contents->GetPrimaryMainFrame();
+  if (!render_frame_host) {
+    return;
+  }
+  autofill::AutofillDriver* driver =
+      autofill::ContentAutofillDriver::GetForRenderFrameHost(render_frame_host);
+  if (!driver) {
+    return;
+  }
+  autofill::LocalFrameToken frame_token = driver->GetFrameToken();
+  auto field_global_id = autofill::FieldGlobalId(
+      frame_token, autofill::FieldRendererId(field_renderer_id_));
+  driver->ApplyFieldAction(autofill::mojom::FieldActionType::kReplaceAll,
+                           autofill::mojom::ActionPersistence::kFill,
+                           field_global_id, base::UTF8ToUTF16(alias_address));
+}
+
+// static
+void EmailAliasesBubbleView::FillFieldWithNewAlias(
+    const std::string& field_value) {
+  if (!widget_ptr_) {
+    return;
+  }
+  auto* email_aliases_bubble_view = static_cast<EmailAliasesBubbleView*>(
+      widget_ptr_.get()->widget_delegate());
+  if (!email_aliases_bubble_view) {
+    return;
+  }
+  email_aliases_bubble_view->FillField(field_value);
+}
+
+BEGIN_METADATA(EmailAliasesBubbleView)
+END_METADATA
diff --git a/browser/ui/views/email_aliases_bubble_view.h b/browser/ui/views/email_aliases_bubble_view.h
new file mode 100644
index 000000000000..88a7672bd771
--- /dev/null
+++ b/browser/ui/views/email_aliases_bubble_view.h
@@ -0,0 +1,36 @@
+/* Copyright (c) 2025 The Brave Authors. All rights reserved.
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at https://mozilla.org/MPL/2.0/. */
+
+#ifndef BRAVE_BROWSER_UI_VIEWS_EMAIL_ALIASES_BUBBLE_VIEW_H_
+#define BRAVE_BROWSER_UI_VIEWS_EMAIL_ALIASES_BUBBLE_VIEW_H_
+
+#include <string>
+
+#include "base/memory/weak_ptr.h"
+#include "ui/views/bubble/bubble_dialog_delegate_view.h"
+
+class Browser;
+
+class EmailAliasesBubbleView : public views::BubbleDialogDelegateView {
+  METADATA_HEADER(EmailAliasesBubbleView, views::BubbleDialogDelegateView)
+
+ public:
+  static void Show(Browser* browser, uint64_t field_renderer_id);
+  static void Close();
+  static void FillFieldWithNewAlias(const std::string& value);
+
+  EmailAliasesBubbleView(views::View* anchor_view,
+                         Browser* browser,
+                         uint64_t field_renderer_id);
+  ~EmailAliasesBubbleView() override;
+
+  void FillField(const std::string& value);
+
+ private:
+  raw_ptr<Browser> browser_;
+  uint64_t field_renderer_id_;
+};
+
+#endif  // BRAVE_BROWSER_UI_VIEWS_EMAIL_ALIASES_BUBBLE_VIEW_H_
diff --git a/browser/ui/views/toolbar/brave_app_menu.cc b/browser/ui/views/toolbar/brave_app_menu.cc
index 93251f4508c1..c4759af32408 100644
--- a/browser/ui/views/toolbar/brave_app_menu.cc
+++ b/browser/ui/views/toolbar/brave_app_menu.cc
@@ -248,6 +248,7 @@ void BraveAppMenu::RecordMenuUsage(int command_id) {
     case IDC_OPEN_FULL_PAGE_CHAT:
     case IDC_SHOW_BRAVE_SYNC:
     case IDC_SHOW_BRAVE_REWARDS:
+    case IDC_SHOW_EMAIL_ALIASES:
       group = misc_metrics::MenuGroup::kBraveFeatures;
       break;
     case IDC_SHOW_HISTORY:
diff --git a/browser/ui/webui/brave_settings_ui.cc b/browser/ui/webui/brave_settings_ui.cc
index 8eecea345747..6696e51da8fd 100644
--- a/browser/ui/webui/brave_settings_ui.cc
+++ b/browser/ui/webui/brave_settings_ui.cc
@@ -19,6 +19,7 @@
 #include "brave/browser/brave_rewards/rewards_util.h"
 #include "brave/browser/brave_wallet/brave_wallet_context_utils.h"
 #include "brave/browser/ntp_background/view_counter_service_factory.h"
+#include "brave/browser/resources/settings/email_aliases_page/grit/email_aliases_generated_map.h"
 #include "brave/browser/resources/settings/grit/brave_settings_resources_map.h"
 #include "brave/browser/resources/settings/shortcuts_page/grit/commands_generated_map.h"
 #include "brave/browser/shell_integrations/buildflags/buildflags.h"
@@ -29,6 +30,7 @@
 #include "brave/browser/ui/webui/settings/brave_adblock_handler.h"
 #include "brave/browser/ui/webui/settings/brave_appearance_handler.h"
 #include "brave/browser/ui/webui/settings/brave_default_extensions_handler.h"
+#include "brave/browser/ui/webui/settings/brave_email_aliases_handler.h"
 #include "brave/browser/ui/webui/settings/brave_privacy_handler.h"
 #include "brave/browser/ui/webui/settings/brave_settings_leo_assistant_handler.h"
 #include "brave/browser/ui/webui/settings/brave_sync_handler.h"
@@ -102,6 +104,7 @@ BraveSettingsUI::BraveSettingsUI(content::WebUI* web_ui) : SettingsUI(web_ui) {
   web_ui->AddMessageHandler(std::make_unique<BraveWalletHandler>());
   web_ui->AddMessageHandler(std::make_unique<BraveAdBlockHandler>());
   web_ui->AddMessageHandler(std::make_unique<BraveAccountHandler>());
+  web_ui->AddMessageHandler(std::make_unique<BraveEmailAliasesHandler>());
 #if BUILDFLAG(ENABLE_TOR)
   web_ui->AddMessageHandler(std::make_unique<BraveTorHandler>());
 #endif
@@ -146,6 +149,11 @@ void BraveSettingsUI::AddResources(content::WebUIDataSource* html_source,
     }
   }
 
+  for (size_t i = 0; i < kEmailAliasesGeneratedSize; ++i) {
+    html_source->AddResourcePath(kEmailAliasesGenerated[i].path,
+                                 kEmailAliasesGenerated[i].id);
+  }
+
   html_source->AddBoolean("isSyncDisabled", !syncer::IsSyncAllowedByFlag());
   html_source->AddString(
       "braveProductVersion",
diff --git a/browser/ui/webui/brave_web_ui_controller_factory.cc b/browser/ui/webui/brave_web_ui_controller_factory.cc
index 46c16d5feb36..054de0063471 100644
--- a/browser/ui/webui/brave_web_ui_controller_factory.cc
+++ b/browser/ui/webui/brave_web_ui_controller_factory.cc
@@ -12,6 +12,7 @@
 #include "base/memory/ptr_util.h"
 #include "base/no_destructor.h"
 #include "brave/browser/brave_ads/ads_service_factory.h"
+#include "brave/browser/brave_browser_features.h"
 #include "brave/browser/brave_news/brave_news_controller_factory.h"
 #include "brave/browser/brave_rewards/rewards_util.h"
 #include "brave/browser/ethereum_remote_client/buildflags/buildflags.h"
@@ -44,6 +45,7 @@
 #include "brave/browser/brave_wallet/brave_wallet_context_utils.h"
 #include "brave/browser/ui/webui/brave_news_internals/brave_news_internals_ui.h"
 #include "brave/browser/ui/webui/brave_wallet/wallet_page_ui.h"
+#include "brave/browser/ui/webui/email_aliases/email_aliases_bubble_ui.h"
 #include "brave/browser/ui/webui/new_tab_page/brave_new_tab_ui.h"
 #include "brave/browser/ui/webui/welcome_page/brave_welcome_ui.h"
 #include "brave/components/brave_news/common/features.h"
@@ -152,6 +154,9 @@ WebUIController* NewWebUI(WebUI* web_ui, const GURL& url) {
     // BraveNewTabUI configs in RegisterChromeWebUIConfigs because they use the
     // same origin (content::kChromeUIScheme + chrome::kChromeUINewTabHost).
     return new BraveNewTabUI(web_ui, url.host());
+  } else if (host == kEmailAliasesHost &&
+             base::FeatureList::IsEnabled(features::kBraveEmailAliases)) {
+    return new email_aliases::EmailAliasesBubbleUI(web_ui);
 #endif  // !BUILDFLAG(IS_ANDROID)
 #if BUILDFLAG(ENABLE_TOR)
   } else if (host == kTorInternalsHost) {
@@ -192,18 +197,18 @@ WebUIFactoryFunction GetWebUIFactoryFunction(WebUI* web_ui,
 #if BUILDFLAG(IS_ANDROID)
       (url.is_valid() && url.host_piece() == kWalletPageHost) ||
 #else
-      (base::FeatureList::IsEnabled(
-           brave_news::features::kBraveNewsFeedUpdate) &&
-       url.host_piece() == kBraveNewsInternalsHost) ||
-      (url.host_piece() == kWalletPageHost &&
-       brave_wallet::IsAllowedForContext(profile)) ||
-      // On Android New Tab is a native page implemented in Java, so no need
-      // in WebUI.
-      url.host_piece() == chrome::kChromeUINewTabHost ||
-      url.host_piece() == chrome::kChromeUISettingsHost ||
-      ((url.host_piece() == kWelcomeHost ||
-        url.host_piece() == chrome::kChromeUIWelcomeURL) &&
-       !profile->IsGuestSession()) ||
+        (base::FeatureList::IsEnabled(
+             brave_news::features::kBraveNewsFeedUpdate) &&
+         url.host_piece() == kBraveNewsInternalsHost) ||
+        (url.host_piece() == kWalletPageHost &&
+         brave_wallet::IsAllowedForContext(profile)) ||
+        // On Android New Tab is a native page implemented in Java, so no need
+        // in WebUI.
+        url.host_piece() == chrome::kChromeUINewTabHost ||
+        url.host_piece() == chrome::kChromeUISettingsHost ||
+        ((url.host_piece() == kWelcomeHost ||
+          url.host_piece() == chrome::kChromeUIWelcomeURL) &&
+         !profile->IsGuestSession()) ||
 #endif  // BUILDFLAG(IS_ANDROID)
 #if BUILDFLAG(ENABLE_TOR)
       url.host_piece() == kTorInternalsHost ||
diff --git a/browser/ui/webui/email_aliases/email_aliases_bubble_ui.cc b/browser/ui/webui/email_aliases/email_aliases_bubble_ui.cc
new file mode 100644
index 000000000000..22a7c0dc309e
--- /dev/null
+++ b/browser/ui/webui/email_aliases/email_aliases_bubble_ui.cc
@@ -0,0 +1,51 @@
+// Copyright (c) 2025 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// You can obtain one at https://mozilla.org/MPL/2.0/.
+
+#include "brave/browser/ui/webui/email_aliases/email_aliases_bubble_ui.h"
+
+#include <memory>
+#include <string>
+#include <utility>
+
+#include "brave/browser/ui/webui/brave_webui_source.h"
+#include "brave/browser/ui/webui/settings/brave_email_aliases_handler.h"
+#include "brave/browser/ui/webui/settings/brave_settings_localized_strings_provider.h"
+#include "brave/components/constants/webui_url_constants.h"
+#include "brave/components/email_aliases/browser/resources/grit/email_aliases_bubble_generated_map.h"
+#include "chrome/browser/profiles/profile.h"
+#include "chrome/browser/ui/webui/top_chrome/top_chrome_webui_config.h"
+#include "components/grit/brave_components_resources.h"
+#include "content/public/common/url_constants.h"
+
+namespace email_aliases {
+
+EmailAliasesBubbleUI::EmailAliasesBubbleUI(content::WebUI* web_ui)
+    : content::WebUIController(web_ui) {
+  auto* source = CreateAndAddWebUIDataSource(
+      web_ui, kEmailAliasesBubbleHost, kEmailAliasesBubbleGenerated,
+      kEmailAliasesBubbleGeneratedSize, IDR_EMAIL_ALIASES_BUBBLE_HTML);
+  web_ui->AddMessageHandler(std::make_unique<BraveEmailAliasesHandler>());
+  settings::BraveAddEmailAliasesStrings(source);
+  DCHECK(source);
+}
+
+EmailAliasesBubbleUI::~EmailAliasesBubbleUI() = default;
+
+std::string EmailAliasesBubbleUI::GetWebUIName() {
+  return kEmailAliasesBubbleHost;
+}
+
+bool EmailAliasesBubbleUIConfig::IsWebUIEnabled(
+    content::BrowserContext* browser_context) {
+  return true;
+}
+
+bool EmailAliasesBubbleUIConfig::ShouldAutoResizeHost() {
+  return true;
+}
+
+WEB_UI_CONTROLLER_TYPE_IMPL(EmailAliasesBubbleUI)
+
+}  // namespace email_aliases
diff --git a/browser/ui/webui/email_aliases/email_aliases_bubble_ui.h b/browser/ui/webui/email_aliases/email_aliases_bubble_ui.h
new file mode 100644
index 000000000000..414c197cd225
--- /dev/null
+++ b/browser/ui/webui/email_aliases/email_aliases_bubble_ui.h
@@ -0,0 +1,50 @@
+// Copyright (c) 2025 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// You can obtain one at https://mozilla.org/MPL/2.0/.
+
+#ifndef BRAVE_BROWSER_UI_WEBUI_EMAIL_ALIASES_EMAIL_ALIASES_BUBBLE_UI_H_
+#define BRAVE_BROWSER_UI_WEBUI_EMAIL_ALIASES_EMAIL_ALIASES_BUBBLE_UI_H_
+
+#include <string>
+
+#include "base/memory/raw_ptr.h"
+#include "brave/components/constants/webui_url_constants.h"
+#include "chrome/browser/ui/webui/top_chrome/top_chrome_webui_config.h"
+#include "chrome/common/webui_url_constants.h"
+#include "content/public/browser/web_ui_controller.h"
+#include "content/public/common/url_constants.h"
+
+namespace email_aliases {
+
+class EmailAliasesBubbleUI : public content::WebUIController {
+ public:
+  explicit EmailAliasesBubbleUI(content::WebUI* web_ui);
+  ~EmailAliasesBubbleUI() override;
+
+  EmailAliasesBubbleUI(const EmailAliasesBubbleUI&) = delete;
+  EmailAliasesBubbleUI& operator=(const EmailAliasesBubbleUI&) = delete;
+
+  static std::string GetWebUIName();
+
+ private:
+  WEB_UI_CONTROLLER_TYPE_DECL();
+};
+
+class EmailAliasesBubbleUIConfig
+    : public DefaultTopChromeWebUIConfig<EmailAliasesBubbleUI> {
+ public:
+  EmailAliasesBubbleUIConfig()
+      : DefaultTopChromeWebUIConfig(content::kChromeUIScheme,
+                                    kEmailAliasesBubbleHost) {}
+
+  // WebUIConfig::
+  bool IsWebUIEnabled(content::BrowserContext* browser_context) override;
+
+  // TopChromeWebUIConfig::
+  bool ShouldAutoResizeHost() override;
+};
+
+}  // namespace email_aliases
+
+#endif  // BRAVE_BROWSER_UI_WEBUI_EMAIL_ALIASES_EMAIL_ALIASES_BUBBLE_UI_H_
diff --git a/browser/ui/webui/settings/brave_email_aliases_handler.cc b/browser/ui/webui/settings/brave_email_aliases_handler.cc
new file mode 100644
index 000000000000..433956986380
--- /dev/null
+++ b/browser/ui/webui/settings/brave_email_aliases_handler.cc
@@ -0,0 +1,437 @@
+// Copyright (c) 2025 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// You can obtain one at https://mozilla.org/MPL/2.0/.
+
+#include "brave/browser/ui/webui/settings/brave_email_aliases_handler.h"
+
+#include <memory>
+#include <string>
+#include <utility>
+
+#include "base/functional/bind.h"
+#include "base/functional/callback.h"
+#include "base/json/json_reader.h"
+#include "base/json/json_writer.h"
+#include "base/values.h"
+#include "brave/browser/brave_browser_process.h"
+#include "brave/browser/ui/views/email_aliases_bubble_view.h"
+#include "brave/components/email_aliases/browser/pref_names.h"
+#include "chrome/browser/browser_process.h"
+#include "chrome/browser/profiles/profile.h"
+#include "chrome/browser/ui/browser_finder.h"
+#include "components/prefs/pref_service.h"
+#include "components/prefs/scoped_user_pref_update.h"
+#include "content/public/browser/web_ui.h"
+#include "net/http/http_request_headers.h"
+#include "net/traffic_annotation/network_traffic_annotation.h"
+#include "services/network/public/cpp/resource_request.h"
+#include "services/network/public/cpp/shared_url_loader_factory.h"
+#include "services/network/public/cpp/simple_url_loader.h"
+#include "url/gurl.h"
+
+#define MAX_RESPONSE_LENGTH 32768
+
+const char kAccountsServiceRequestURL[] =
+    "https://accounts.bsg.bravesoftware.com/v2/verify/init";
+const char kAccountsServiceVerifyURL[] =
+    "https://accounts.bsg.bravesoftware.com/v2/verify/result";
+const char kMappingServiceManageURL[] =
+    "https://aliases.bsg.bravesoftware.com/manage";
+const char kMappingServiceGenerateURL[] =
+    "https://aliases.bsg.bravesoftware.com/generate";
+const char kBraveApiKey[] = "px6zQ7rIMGaS8FE6cmpUp45WQTFJYXgo7ZlBhrFK";
+
+const net::NetworkTrafficAnnotationTag traffic_annotation =
+    net::DefineNetworkTrafficAnnotation("email_aliases_mapping_service", R"(
+    semantics {
+      sender: "Email Aliases service"
+      description:
+        "Call Email Aliases Mapping Service API"
+      trigger:
+        "When the user connects to the Email Mapping Service, to "
+        "Generate, Create, Read, Update, or Delete Email Aliases. "
+      destination: BRAVE_OWNED_SERVICE
+    }
+    policy {
+      cookies_allowed: YES
+    })");
+
+BraveEmailAliasesHandler::BraveEmailAliasesHandler() = default;
+
+BraveEmailAliasesHandler::~BraveEmailAliasesHandler() = default;
+
+Profile* BraveEmailAliasesHandler::GetProfile() {
+  if (!profile_) {
+    profile_ = Profile::FromWebUI(web_ui());
+  }
+  return profile_;
+}
+
+std::string BraveEmailAliasesHandler::GetStringPref(
+    const std::string& pref_name) {
+  return GetProfile()->GetPrefs()->GetString(pref_name);
+}
+
+void BraveEmailAliasesHandler::SetStringPref(const std::string& pref_name,
+                                             const std::string& value) {
+  GetProfile()->GetPrefs()->SetString(pref_name, value);
+}
+
+void BraveEmailAliasesHandler::ClearPref(const std::string& pref_name) {
+  GetProfile()->GetPrefs()->ClearPref(pref_name);
+}
+
+void BraveEmailAliasesHandler::RegisterMessages() {
+  web_ui()->RegisterMessageCallback(
+      "email_aliases.generateAlias",
+      base::BindRepeating(&BraveEmailAliasesHandler::GenerateAlias,
+                          base::Unretained(this)));
+
+  web_ui()->RegisterMessageCallback(
+      "email_aliases.getAliases",
+      base::BindRepeating(&BraveEmailAliasesHandler::GetAliases,
+                          base::Unretained(this)));
+
+  web_ui()->RegisterMessageCallback(
+      "email_aliases.createAlias",
+      base::BindRepeating(&BraveEmailAliasesHandler::CreateAlias,
+                          base::Unretained(this)));
+
+  web_ui()->RegisterMessageCallback(
+      "email_aliases.updateAlias",
+      base::BindRepeating(&BraveEmailAliasesHandler::UpdateAlias,
+                          base::Unretained(this)));
+
+  web_ui()->RegisterMessageCallback(
+      "email_aliases.deleteAlias",
+      base::BindRepeating(&BraveEmailAliasesHandler::DeleteAlias,
+                          base::Unretained(this)));
+
+  web_ui()->RegisterMessageCallback(
+      "email_aliases.requestAccount",
+      base::BindRepeating(&BraveEmailAliasesHandler::RequestAccount,
+                          base::Unretained(this)));
+
+  web_ui()->RegisterMessageCallback(
+      "email_aliases.getSession",
+      base::BindRepeating(&BraveEmailAliasesHandler::GetSession,
+                          base::Unretained(this)));
+
+  web_ui()->RegisterMessageCallback(
+      "email_aliases.getAccountEmail",
+      base::BindRepeating(&BraveEmailAliasesHandler::GetAccountEmail,
+                          base::Unretained(this)));
+
+  web_ui()->RegisterMessageCallback(
+      "email_aliases.logout",
+      base::BindRepeating(&BraveEmailAliasesHandler::Logout,
+                          base::Unretained(this)));
+
+  web_ui()->RegisterMessageCallback(
+      "email_aliases.closeBubble",
+      base::BindRepeating(&BraveEmailAliasesHandler::CloseBubble,
+                          base::Unretained(this)));
+
+  web_ui()->RegisterMessageCallback(
+      "email_aliases.fillField",
+      base::BindRepeating(&BraveEmailAliasesHandler::FillField,
+                          base::Unretained(this)));
+}
+
+void BraveEmailAliasesHandler::SetNote(const std::string& alias_email,
+                                       const std::string& note) {
+  ScopedDictPrefUpdate update(GetProfile()->GetPrefs(), kEmailAliasesNotes);
+  update->Set(alias_email, note);
+}
+
+void BraveEmailAliasesHandler::DeleteNote(const std::string& alias_email) {
+  ScopedDictPrefUpdate update(GetProfile()->GetPrefs(), kEmailAliasesNotes);
+  update->Remove(alias_email);
+}
+
+std::optional<std::string> BraveEmailAliasesHandler::GetNote(
+    const std::string& alias_email) {
+  const auto* note = GetProfile()
+                         ->GetPrefs()
+                         ->GetDict(kEmailAliasesNotes)
+                         .FindString(alias_email);
+  return note ? std::optional<std::string>(*note) : std::nullopt;
+}
+
+void BraveEmailAliasesHandler::ApiFetch(
+    const GURL& url,
+    const char* method,
+    const std::optional<std::string>& bearer_token,
+    const base::Value::Dict& bodyValue,
+    network::SimpleURLLoader::BodyAsStringCallback
+        download_to_string_callback) {
+  auto resource_request = std::make_unique<network::ResourceRequest>();
+  resource_request->url = url;
+  resource_request->method = method;
+  if (bearer_token) {
+    resource_request->headers.SetHeader(
+        "Authorization", std::string("Bearer ") + bearer_token.value());
+  }
+  resource_request->headers.SetHeader("X-API-key", kBraveApiKey);
+  simple_url_loader_ = network::SimpleURLLoader::Create(
+      std::move(resource_request), traffic_annotation);
+  if (!bodyValue.empty() && method != net::HttpRequestHeaders::kGetMethod &&
+      method != net::HttpRequestHeaders::kHeadMethod) {
+    auto body = base::WriteJson(bodyValue);
+    CHECK(body);
+    simple_url_loader_->AttachStringForUpload(body.value(), "application/json");
+  }
+  simple_url_loader_->DownloadToString(
+      GetProfile()->GetURLLoaderFactory().get(),
+      std::move(download_to_string_callback), MAX_RESPONSE_LENGTH);
+}
+
+void BraveEmailAliasesHandler::GenerateAlias(const base::Value::List& args) {
+  AllowJavascript();
+  CHECK_EQ(1U, args.size());
+  const auto callback_id = args[0].GetString();
+  ApiFetch(GURL(kMappingServiceGenerateURL),
+           net::HttpRequestHeaders::kGetMethod,
+           GetStringPref(kEmailAliasesAuthToken), base::Value::Dict(),
+           base::BindOnce(&BraveEmailAliasesHandler::OnGenerateAliasResponse,
+                          weak_factory_.GetWeakPtr(), callback_id));
+}
+
+void BraveEmailAliasesHandler::OnGenerateAliasResponse(
+    const std::string& callback_id,
+    std::optional<std::string> response_body) {
+  if (response_body) {
+    ResolveJavascriptCallback(base::Value(callback_id), response_body.value());
+  } else {
+    RejectJavascriptCallback(base::Value(callback_id),
+                             base::Value("alias generation failed"));
+  }
+}
+
+void BraveEmailAliasesHandler::GetAliases(const base::Value::List& args) {
+  AllowJavascript();
+  CHECK_EQ(1U, args.size());
+  const auto callback_id = args[0].GetString();
+  ApiFetch(GURL(kMappingServiceManageURL + std::string("?status=active")),
+           net::HttpRequestHeaders::kGetMethod,
+           GetStringPref(kEmailAliasesAuthToken), base::Value::Dict(),
+           base::BindOnce(&BraveEmailAliasesHandler::OnGetAliasesResponse,
+                          weak_factory_.GetWeakPtr(), callback_id));
+}
+
+void BraveEmailAliasesHandler::OnGetAliasesResponse(
+    const std::string& callback_id,
+    std::optional<std::string> response_body) {
+  if (!response_body) {
+    RejectJavascriptCallback(base::Value(callback_id),
+                             base::Value("no response body"));
+    return;
+  }
+  std::optional<base::Value> response_value =
+      base::JSONReader::Read(response_body.value());
+  if (response_value && response_value.value().is_list()) {
+    auto alias_list = base::Value::List();
+    for (auto& item : response_value.value().GetList()) {
+      if (item.is_dict()) {
+        auto& item_dict = item.GetDict();
+        auto* email_value_ptr = item_dict.FindString("alias");
+        auto* status_value_ptr = item_dict.FindString("status");
+        auto note_value =
+            email_value_ptr ? GetNote(*email_value_ptr) : std::nullopt;
+        alias_list.Append(
+            base::Value::Dict()
+                .Set("email", email_value_ptr ? *email_value_ptr : "")
+                .Set("note", note_value.value_or(""))
+                .Set("status", status_value_ptr ? *status_value_ptr : ""));
+      }
+    }
+    ResolveJavascriptCallback(base::Value(callback_id), alias_list);
+  } else {
+    RejectJavascriptCallback(base::Value(callback_id),
+                             base::Value("bad response"));
+  }
+}
+
+void BraveEmailAliasesHandler::CreateAlias(const base::Value::List& args) {
+  AllowJavascript();
+  CHECK_EQ(3U, args.size());
+  const auto callback_id = args[0].GetString();
+  const auto alias_email = args[1].GetString();
+  const auto note = args[2].GetString();
+  auto bodyValue = base::Value::Dict().Set("alias", alias_email);
+  ApiFetch(GURL(kMappingServiceManageURL), net::HttpRequestHeaders::kPostMethod,
+           GetStringPref(kEmailAliasesAuthToken), bodyValue,
+           base::BindOnce(&BraveEmailAliasesHandler::OnCreateAliasResponse,
+                          weak_factory_.GetWeakPtr(), callback_id, alias_email,
+                          note));
+}
+
+void BraveEmailAliasesHandler::OnCreateAliasResponse(
+    const std::string& callback_id,
+    const std::string& alias_email,
+    const std::string& note,
+    std::optional<std::string> response_body) {
+  SetNote(alias_email, note);
+  ResolveJavascriptCallback(base::Value(callback_id), base::Value());
+}
+
+void BraveEmailAliasesHandler::DeleteAlias(const base::Value::List& args) {
+  AllowJavascript();
+  CHECK_EQ(2U, args.size());
+  const auto callback_id = args[0].GetString();
+  const auto alias_email = args[1].GetString();
+  auto bodyValue = base::Value::Dict().Set("alias", alias_email);
+  ApiFetch(
+      GURL(kMappingServiceManageURL), net::HttpRequestHeaders::kDeleteMethod,
+      GetStringPref(kEmailAliasesAuthToken), bodyValue,
+      base::BindOnce(&BraveEmailAliasesHandler::OnDeleteAliasResponse,
+                     weak_factory_.GetWeakPtr(), callback_id, alias_email));
+}
+
+void BraveEmailAliasesHandler::OnDeleteAliasResponse(
+    const std::string& callback_id,
+    const std::string& alias_email,
+    std::optional<std::string> response_body) {
+  DeleteNote(alias_email);
+  ResolveJavascriptCallback(base::Value(callback_id), base::Value());
+}
+
+void BraveEmailAliasesHandler::UpdateAlias(const base::Value::List& args) {
+  AllowJavascript();
+  CHECK_EQ(4U, args.size());
+  const auto callback_id = args[0].GetString();
+  if (!args[1].is_string() || !args[2].is_string() || !args[3].is_bool()) {
+    RejectJavascriptCallback(base::Value(callback_id),
+                             base::Value("unexpected values"));
+    return;
+  }
+  const auto alias_email = args[1].GetString();
+  const auto note = args[2].GetString();
+  const std::string status = args[3].GetBool() ? "active" : "paused";
+  auto bodyValue =
+      base::Value::Dict().Set("alias", alias_email).Set("status", status);
+  ApiFetch(GURL(kMappingServiceManageURL), net::HttpRequestHeaders::kPutMethod,
+           GetStringPref(kEmailAliasesAuthToken), bodyValue,
+           base::BindOnce(&BraveEmailAliasesHandler::OnUpdateAliasResponse,
+                          weak_factory_.GetWeakPtr(), callback_id, alias_email,
+                          note));
+}
+
+void BraveEmailAliasesHandler::OnUpdateAliasResponse(
+    const std::string& callback_id,
+    const std::string& alias_email,
+    const std::string& note,
+    std::optional<std::string> response_body) {
+  SetNote(alias_email, note);
+  ResolveJavascriptCallback(base::Value(callback_id), base::Value());
+}
+
+void BraveEmailAliasesHandler::GetSession(const base::Value::List& args) {
+  AllowJavascript();
+  CHECK_EQ(1U, args.size());
+  const auto callback_id = args[0].GetString();
+  auto bodyValue = base::Value::Dict().Set("wait", true);
+  ApiFetch(GURL(kAccountsServiceVerifyURL),
+           net::HttpRequestHeaders::kPostMethod,
+           GetStringPref(kEmailAliasesVerificationToken), bodyValue,
+           base::BindOnce(&BraveEmailAliasesHandler::OnGetSessionResponse,
+                          weak_factory_.GetWeakPtr(), callback_id));
+}
+
+void BraveEmailAliasesHandler::OnGetSessionResponse(
+    const std::string& callback_id,
+    std::optional<std::string> response_body) {
+  AllowJavascript();
+  if (response_body) {
+    std::optional<base::Value> response_value =
+        base::JSONReader::Read(response_body.value());
+    if (response_value && response_value->is_dict()) {
+      const auto* session_token = response_value->GetDict().Find("authToken");
+      if (session_token && session_token->is_string()) {
+        // Store the session token for long-term use.
+        session_token_ = session_token->GetString();
+        GetProfile()->GetPrefs()->SetString(kEmailAliasesAuthToken,
+                                            session_token->GetString());
+        // Acknowledge success to the caller.
+        ResolveJavascriptCallback(base::Value(callback_id), base::Value());
+        return;
+      }
+    }
+  }
+  RejectJavascriptCallback(base::Value(callback_id),
+                           base::Value("no session token"));
+}
+
+void BraveEmailAliasesHandler::RequestAccount(const base::Value::List& args) {
+  CHECK_EQ(2U, args.size());
+  const auto callback_id = args[0].GetString();
+  const auto account_email = args[1].GetString();
+  AllowJavascript();
+  const auto bodyValue = base::Value::Dict()
+                             .Set("email", account_email)
+                             .Set("intent", "auth_token")
+                             .Set("service", "email-aliases");
+  ApiFetch(
+      GURL(kAccountsServiceRequestURL), net::HttpRequestHeaders::kPostMethod,
+      std::nullopt, bodyValue,
+      base::BindOnce(&BraveEmailAliasesHandler::OnRequestAccountResponse,
+                     weak_factory_.GetWeakPtr(), callback_id, account_email));
+}
+
+void BraveEmailAliasesHandler::OnRequestAccountResponse(
+    const std::string& callback_id,
+    const std::string& account_email,
+    std::optional<std::string> response_body) {
+  AllowJavascript();
+  if (response_body) {
+    std::optional<base::Value> response_value =
+        base::JSONReader::Read(response_body.value());
+    if (response_value && response_value->is_dict()) {
+      const auto* verification_token =
+          response_value->GetDict().Find("verificationToken");
+      if (verification_token && verification_token->is_string()) {
+        // Store the verification token while we wait for session confirmation.
+        SetStringPref(kEmailAliasesAccountEmail, account_email);
+        SetStringPref(kEmailAliasesVerificationToken,
+                      verification_token->GetString());
+        // Acknowledge success to the caller.
+        ResolveJavascriptCallback(base::Value(callback_id), base::Value());
+        return;
+      }
+    }
+  }
+  RejectJavascriptCallback(base::Value(callback_id),
+                           base::Value("no verification token"));
+}
+
+void BraveEmailAliasesHandler::GetAccountEmail(const base::Value::List& args) {
+  AllowJavascript();
+  CHECK_EQ(1U, args.size());
+  const auto callback_id = args[0].GetString();
+  const auto account_email = GetStringPref(kEmailAliasesAccountEmail);
+  ResolveJavascriptCallback(base::Value(callback_id),
+                            base::Value(account_email));
+}
+
+void BraveEmailAliasesHandler::Logout(const base::Value::List& args) {
+  AllowJavascript();
+  ClearPref(kEmailAliasesAccountEmail);
+  ClearPref(kEmailAliasesVerificationToken);
+  ClearPref(kEmailAliasesAuthToken);
+  ResolveJavascriptCallback(base::Value(args[0].GetString()), base::Value());
+}
+
+void BraveEmailAliasesHandler::CloseBubble(const base::Value::List& args) {
+  CHECK_EQ(1U, args.size());
+  EmailAliasesBubbleView::Close();
+}
+
+void BraveEmailAliasesHandler::FillField(const base::Value::List& args) {
+  CHECK_EQ(2U, args.size());
+  AllowJavascript();
+  const auto callback_id = args[0].GetString();
+  const auto field_value = args[1].GetString();
+  EmailAliasesBubbleView::FillFieldWithNewAlias(field_value);
+  ResolveJavascriptCallback(base::Value(callback_id), base::Value());
+}
diff --git a/browser/ui/webui/settings/brave_email_aliases_handler.h b/browser/ui/webui/settings/brave_email_aliases_handler.h
new file mode 100644
index 000000000000..9b85596fb739
--- /dev/null
+++ b/browser/ui/webui/settings/brave_email_aliases_handler.h
@@ -0,0 +1,102 @@
+// Copyright (c) 2025 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// You can obtain one at https://mozilla.org/MPL/2.0/.
+
+#ifndef BRAVE_BROWSER_UI_WEBUI_SETTINGS_BRAVE_EMAIL_ALIASES_HANDLER_H_
+#define BRAVE_BROWSER_UI_WEBUI_SETTINGS_BRAVE_EMAIL_ALIASES_HANDLER_H_
+
+#include <memory>
+#include <optional>
+#include <string>
+
+#include "base/memory/raw_ptr.h"
+#include "base/memory/weak_ptr.h"
+#include "brave/components/constants/webui_url_constants.h"
+#include "chrome/browser/ui/webui/settings/settings_page_ui_handler.h"
+#include "content/public/browser/web_contents.h"
+#include "content/public/browser/webui_config.h"
+#include "content/public/common/url_constants.h"
+#include "services/network/public/cpp/simple_url_loader.h"
+
+class GURL;
+class Profile;
+
+class BraveEmailAliasesHandler : public settings::SettingsPageUIHandler {
+ public:
+  BraveEmailAliasesHandler();
+  BraveEmailAliasesHandler(const BraveEmailAliasesHandler&) = delete;
+  BraveEmailAliasesHandler& operator=(const BraveEmailAliasesHandler&) = delete;
+  ~BraveEmailAliasesHandler() override;
+
+  void GenerateAlias(const base::Value::List& args);
+  void OnGenerateAliasResponse(const std::string& callback_id,
+                               std::optional<std::string> response_body);
+  void GetAliases(const base::Value::List& args);
+  void OnGetAliasesResponse(const std::string& callback_id,
+                            std::optional<std::string> response_body);
+  void CreateAlias(const base::Value::List& args);
+  void OnCreateAliasResponse(const std::string& callback_id,
+                             const std::string& alias_email,
+                             const std::string& note,
+                             std::optional<std::string> response_body);
+  void UpdateAlias(const base::Value::List& args);
+  void OnUpdateAliasResponse(const std::string& callback_id,
+                             const std::string& alias_email,
+                             const std::string& note,
+                             std::optional<std::string> response_body);
+  void DeleteAlias(const base::Value::List& args);
+  void OnDeleteAliasResponse(const std::string& callback_id,
+                             const std::string& alias_email,
+                             std::optional<std::string> response_body);
+  void RequestAccount(const base::Value::List& args);
+  void OnRequestAccountResponse(const std::string& callback_id,
+                                const std::string& account_email,
+                                std::optional<std::string> response_body);
+  void GetSession(const base::Value::List& args);
+  void OnGetSessionResponse(const std::string& callback_id,
+                            std::optional<std::string> response_body);
+  void GetAccountEmail(const base::Value::List& args);
+  void Logout(const base::Value::List& args);
+  void CloseBubble(const base::Value::List& args);
+  void FillField(const base::Value::List& args);
+
+ private:
+  // SettingsPageUIHandler overrides
+  void RegisterMessages() override;
+  void OnJavascriptAllowed() override {}
+  void OnJavascriptDisallowed() override {}
+
+  Profile* GetProfile();
+  std::string GetStringPref(const std::string& pref_name);
+  void SetStringPref(const std::string& pref_name, const std::string& value);
+  void ClearPref(const std::string& pref_name);
+
+  void ApiFetch(const GURL& url,
+                const char* method,
+                const std::optional<std::string>& bearer_token,
+                const base::Value::Dict& bodyValue,
+                network::SimpleURLLoader::BodyAsStringCallback
+                    download_to_string_callback);
+
+  void SetNote(const std::string& alias_email, const std::string& note);
+  void DeleteNote(const std::string& alias_email);
+  std::optional<std::string> GetNote(const std::string& alias_email);
+
+  raw_ptr<Profile> profile_ = nullptr;
+  std::string verification_token_;
+  std::string session_token_;
+  std::unique_ptr<network::SimpleURLLoader> simple_url_loader_;
+
+  base::WeakPtrFactory<BraveEmailAliasesHandler> weak_factory_{this};
+};
+
+/*
+class BraveEmailAliasesHandlerConfig
+    : public content::DefaultWebUIConfig<BraveEmailAliasesHandler> {
+ public:
+  BraveEmailAliasesHandlerConfig()
+      : DefaultWebUIConfig(content::kChromeUIScheme, kEmailAliasesBubbleHost) {}
+};
+*/
+#endif  // BRAVE_BROWSER_UI_WEBUI_SETTINGS_BRAVE_EMAIL_ALIASES_HANDLER_H_
diff --git a/browser/ui/webui/settings/brave_privacy_handler.cc b/browser/ui/webui/settings/brave_privacy_handler.cc
index cb24a80ba188..2e42cb446d34 100644
--- a/browser/ui/webui/settings/brave_privacy_handler.cc
+++ b/browser/ui/webui/settings/brave_privacy_handler.cc
@@ -5,8 +5,10 @@
 
 #include "brave/browser/ui/webui/settings/brave_privacy_handler.h"
 
+#include "base/feature_list.h"
 #include "base/functional/bind.h"
 #include "base/values.h"
+#include "brave/browser/brave_browser_features.h"
 #include "brave/components/ai_chat/core/browser/utils.h"
 #include "brave/components/ai_chat/core/common/features.h"
 #include "brave/components/brave_shields/core/common/features.h"
@@ -102,6 +104,9 @@ void BravePrivacyHandler::AddLoadTimeData(content::WebUIDataSource* data_source,
       "isOpenAIChatFromBraveSearchEnabled",
       ai_chat::IsAIChatEnabled(profile->GetPrefs()) &&
           ai_chat::features::IsOpenAIChatFromBraveSearchEnabled());
+  data_source->AddBoolean(
+      "isEmailAliasesFeatureEnabled",
+      base::FeatureList::IsEnabled(features::kBraveEmailAliases));
 }
 
 void BravePrivacyHandler::SetLocalStateBooleanEnabled(
diff --git a/browser/ui/webui/settings/brave_settings_localized_strings_provider.cc b/browser/ui/webui/settings/brave_settings_localized_strings_provider.cc
index 1897ad99cf96..b4e84a847d32 100644
--- a/browser/ui/webui/settings/brave_settings_localized_strings_provider.cc
+++ b/browser/ui/webui/settings/brave_settings_localized_strings_provider.cc
@@ -995,6 +995,65 @@ void BraveAddSyncStrings(content::WebUIDataSource* html_source) {
 
 }  // namespace
 
+void BraveAddEmailAliasesStrings(content::WebUIDataSource* html_source) {
+  webui::LocalizedString localized_strings[] = {
+      {"emailAliasesLabel", IDS_SETTINGS_EMAIL_ALIASES_LABEL},
+      {"emailAliasesShortDescription",
+       IDS_SETTINGS_EMAIL_ALIASES_SHORT_DESCRIPTION},
+      {"emailAliasesDescription", IDS_SETTINGS_EMAIL_ALIASES_DESCRIPTION},
+      {"emailAliasesLearnMore", IDS_SETTINGS_EMAIL_ALIASES_LEARN_MORE},
+      {"emailAliasesSignOut", IDS_SETTINGS_EMAIL_ALIASES_SIGN_OUT},
+      {"emailAliasesSignOutTitle", IDS_SETTINGS_EMAIL_ALIASES_SIGN_OUT_TITLE},
+      {"emailAliasesConnectingToBraveAccount",
+       IDS_SETTINGS_EMAIL_ALIASES_CONNECTING_TO_BRAVE_ACCOUNT},
+      {"emailAliasesBraveAccount", IDS_SETTINGS_EMAIL_ALIASES_BRAVE_ACCOUNT},
+      {"emailAliasesCopiedToClipboard",
+       IDS_SETTINGS_EMAIL_ALIASES_COPIED_TO_CLIPBOARD},
+      {"emailAliasesClickToCopyAlias",
+       IDS_SETTINGS_EMAIL_ALIASES_CLICK_TO_COPY_ALIAS},
+      {"emailAliasesUsedBy", IDS_SETTINGS_EMAIL_ALIASES_USED_BY},
+      {"emailAliasesEdit", IDS_SETTINGS_EMAIL_ALIASES_EDIT},
+      {"emailAliasesDelete", IDS_SETTINGS_EMAIL_ALIASES_DELETE},
+      {"emailAliasesCreateDescription",
+       IDS_SETTINGS_EMAIL_ALIASES_CREATE_DESCRIPTION},
+      {"emailAliasesListTitle", IDS_SETTINGS_EMAIL_ALIASES_LIST_TITLE},
+      {"emailAliasesCreateAliasTitle",
+       IDS_SETTINGS_EMAIL_ALIASES_CREATE_ALIAS_TITLE},
+      {"emailAliasesCreateAliasLabel",
+       IDS_SETTINGS_EMAIL_ALIASES_CREATE_ALIAS_LABEL},
+      {"emailAliasesRefreshButtonTitle",
+       IDS_SETTINGS_EMAIL_ALIASES_REFRESH_BUTTON_TITLE},
+      {"emailAliasesNoteLabel", IDS_SETTINGS_EMAIL_ALIASES_NOTE_LABEL},
+      {"emailAliasesEditNotePlaceholder",
+       IDS_SETTINGS_EMAIL_ALIASES_EDIT_NOTE_PLACEHOLDER},
+      {"emailAliasesCancelButton", IDS_SETTINGS_EMAIL_ALIASES_CANCEL_BUTTON},
+      {"emailAliasesAliasLabel", IDS_SETTINGS_EMAIL_ALIASES_ALIAS_LABEL},
+      {"emailAliasesEmailsWillBeForwardedTo",
+       IDS_SETTINGS_EMAIL_ALIASES_EMAILS_WILL_BE_FORWARDED_TO},
+      {"emailAliasesEditAliasTitle",
+       IDS_SETTINGS_EMAIL_ALIASES_EDIT_ALIAS_TITLE},
+      {"emailAliasesCreateAliasButton",
+       IDS_SETTINGS_EMAIL_ALIASES_CREATE_ALIAS_BUTTON},
+      {"emailAliasesSaveAliasButton",
+       IDS_SETTINGS_EMAIL_ALIASES_SAVE_ALIAS_BUTTON},
+      {"emailAliasesSignInOrCreateAccount",
+       IDS_SETTINGS_EMAIL_ALIASES_SIGN_IN_OR_CREATE_ACCOUNT},
+      {"emailAliasesEnterEmailToGetLoginLink",
+       IDS_SETTINGS_EMAIL_ALIASES_ENTER_EMAIL_TO_GET_LOGIN_LINK},
+      {"emailAliasesGetLoginLinkButton",
+       IDS_SETTINGS_EMAIL_ALIASES_GET_LOGIN_LINK_BUTTON},
+      {"emailAliasesEmailAddressPlaceholder",
+       IDS_SETTINGS_EMAIL_ALIASES_EMAIL_ADDRESS_PLACEHOLDER},
+      {"emailAliasesLoginEmailOnTheWay",
+       IDS_SETTINGS_EMAIL_ALIASES_LOGIN_EMAIL_ON_THE_WAY},
+      {"emailAliasesClickOnSecureLogin",
+       IDS_SETTINGS_EMAIL_ALIASES_CLICK_ON_SECURE_LOGIN},
+      {"emailAliasesDontSeeEmail", IDS_SETTINGS_EMAIL_ALIASES_DONT_SEE_EMAIL},
+      {"emailAliasesTryAgain", IDS_SETTINGS_EMAIL_ALIASES_TRY_AGAIN},
+  };
+  html_source->AddLocalizedStrings(localized_strings);
+}
+
 void BraveAddLocalizedStrings(content::WebUIDataSource* html_source,
                               Profile* profile) {
   BraveAddCommonStrings(html_source, profile);
@@ -1002,7 +1061,7 @@ void BraveAddLocalizedStrings(content::WebUIDataSource* html_source,
   BraveAddAboutStrings(html_source, profile);
   BravePrivacyHandler::AddLoadTimeData(html_source, profile);
   BraveAddSyncStrings(html_source);
-
+  BraveAddEmailAliasesStrings(html_source);
   // Load time data for brave://settings/extensions
   html_source->AddBoolean(
       "signInAllowedOnNextStartupInitialValue",
diff --git a/browser/ui/webui/settings/brave_settings_localized_strings_provider.h b/browser/ui/webui/settings/brave_settings_localized_strings_provider.h
index 01ac492173e8..ec586ea7b94e 100644
--- a/browser/ui/webui/settings/brave_settings_localized_strings_provider.h
+++ b/browser/ui/webui/settings/brave_settings_localized_strings_provider.h
@@ -15,6 +15,7 @@ class WebUIDataSource;
 namespace settings {
 
 void BraveAddLocalizedStrings(content::WebUIDataSource*, Profile*);
+void BraveAddEmailAliasesStrings(content::WebUIDataSource*);
 
 }  // namespace settings
 
diff --git a/chromium_src/chrome/browser/renderer_context_menu/render_view_context_menu.cc b/chromium_src/chrome/browser/renderer_context_menu/render_view_context_menu.cc
index a2cf59ffa78f..c3f772d56b39 100644
--- a/chromium_src/chrome/browser/renderer_context_menu/render_view_context_menu.cc
+++ b/chromium_src/chrome/browser/renderer_context_menu/render_view_context_menu.cc
@@ -12,6 +12,7 @@
 #include "base/feature_list.h"
 #include "base/strings/string_util.h"
 #include "brave/browser/autocomplete/brave_autocomplete_scheme_classifier.h"
+#include "brave/browser/brave_browser_features.h"
 #include "brave/browser/brave_shields/brave_shields_tab_helper.h"
 #include "brave/browser/cosmetic_filters/cosmetic_filters_tab_helper.h"
 #include "brave/browser/renderer_context_menu/brave_spelling_options_submenu_observer.h"
@@ -37,6 +38,10 @@
 #include "ui/gfx/paint_vector_icon.h"
 #include "url/origin.h"
 
+#if !BUILDFLAG(IS_ANDROID) && !BUILDFLAG(IS_IOS)
+#include "brave/browser/ui/views/email_aliases_bubble_view.h"
+#endif  // !BUILDFLAG(IS_ANDROID) && !BUILDFLAG(IS_IOS)
+
 #if BUILDFLAG(ENABLE_TOR)
 #include "brave/browser/tor/tor_profile_manager.h"
 #include "brave/browser/tor/tor_profile_service_factory.h"
@@ -429,6 +434,8 @@ bool BraveRenderViewContextMenu::IsCommandIdEnabled(int id) const {
       return CanOpenSplitViewForWebContents(source_web_contents_->GetWeakPtr());
     case IDC_ADBLOCK_CONTEXT_BLOCK_ELEMENTS:
       return true;
+    case IDC_NEW_EMAIL_ALIAS:
+      return true;
     default:
       return RenderViewContextMenu_Chromium::IsCommandIdEnabled(id);
   }
@@ -501,6 +508,13 @@ void BraveRenderViewContextMenu::ExecuteCommand(int id, int event_flags) {
       cosmetic_filters::CosmeticFiltersTabHelper::LaunchContentPicker(
           source_web_contents_);
       break;
+    case IDC_NEW_EMAIL_ALIAS:
+      if (params_.form_control_type.value() ==
+              blink::mojom::FormControlType::kInputEmail ||
+          params_.is_content_editable_for_autofill) {
+        EmailAliasesBubbleView::Show(GetBrowser(), params_.field_renderer_id);
+      }
+      break;
     default:
       RenderViewContextMenu_Chromium::ExecuteCommand(id, event_flags);
   }
@@ -730,6 +744,16 @@ void BraveRenderViewContextMenu::AppendDeveloperItems() {
                                       IDS_ADBLOCK_CONTEXT_BLOCK_ELEMENTS);
     }
   }
+
+#if !BUILDFLAG(IS_ANDROID) && !BUILDFLAG(IS_IOS)
+  if (base::FeatureList::IsEnabled(features::kBraveEmailAliases) &&
+      params_.form_control_type &&
+      params_.form_control_type.value() ==
+          blink::mojom::FormControlType::kInputEmail) {
+    menu_model_.AddSeparator(ui::NORMAL_SEPARATOR);
+    menu_model_.AddItemWithStringId(IDC_NEW_EMAIL_ALIAS, IDS_NEW_EMAIL_ALIAS);
+  }
+#endif  // !BUILDFLAG(IS_ANDROID) && !BUILDFLAG(IS_IOS)
 }
 
 void BraveRenderViewContextMenu::SetAIEngineForTesting(
diff --git a/chromium_src/chrome/browser/ui/webui/chrome_web_ui_configs.cc b/chromium_src/chrome/browser/ui/webui/chrome_web_ui_configs.cc
index 91e43134b001..131b1c902774 100644
--- a/chromium_src/chrome/browser/ui/webui/chrome_web_ui_configs.cc
+++ b/chromium_src/chrome/browser/ui/webui/chrome_web_ui_configs.cc
@@ -22,7 +22,9 @@
 #include "brave/browser/ui/webui/brave_shields/cookie_list_opt_in_ui.h"
 #include "brave/browser/ui/webui/brave_shields/shields_panel_ui.h"
 #include "brave/browser/ui/webui/brave_wallet/wallet_panel_ui.h"
+#include "brave/browser/ui/webui/email_aliases/email_aliases_bubble_ui.h"
 #include "brave/browser/ui/webui/private_new_tab_page/brave_private_new_tab_ui.h"
+#include "brave/browser/ui/webui/settings/brave_email_aliases_handler.h"
 #include "brave/browser/ui/webui/speedreader/speedreader_toolbar_ui.h"
 #include "brave/browser/ui/webui/webcompat_reporter/webcompat_reporter_ui.h"
 #endif  // !BUILDFLAG(IS_ANDROID)
@@ -78,6 +80,8 @@ void RegisterChromeWebUIConfigs() {
   map.AddWebUIConfig(std::make_unique<WalletPanelUIConfig>());
   map.AddWebUIConfig(
       std::make_unique<webcompat_reporter::WebcompatReporterUIConfig>());
+  map.AddWebUIConfig(
+      std::make_unique<email_aliases::EmailAliasesBubbleUIConfig>());
 #endif  // !BUILDFLAG(IS_ANDROID)
   map.AddWebUIConfig(std::make_unique<BraveAdblockUIConfig>());
   map.AddWebUIConfig(std::make_unique<BraveAdblockInternalsUIConfig>());
diff --git a/chromium_src/chrome/common/webui_url_constants.h b/chromium_src/chrome/common/webui_url_constants.h
index 4f08996f5c2f..fc1a02748277 100644
--- a/chromium_src/chrome/common/webui_url_constants.h
+++ b/chromium_src/chrome/common/webui_url_constants.h
@@ -13,6 +13,7 @@
 namespace chrome {
 
 inline constexpr char kPerformanceSubPage[] = "system";
+inline constexpr char kEmailAliasesSubPage[] = "email-aliases";
 
 }  // namespace chrome
 
diff --git a/chromium_src/components/sync_preferences/DEPS b/chromium_src/components/sync_preferences/DEPS
index 8698c8bf05dc..3e9331387b52 100644
--- a/chromium_src/components/sync_preferences/DEPS
+++ b/chromium_src/components/sync_preferences/DEPS
@@ -1,3 +1,4 @@
 include_rules = [
+  "+brave/components/email_aliases/browser",
   "+components/search_engines",
 ]
diff --git a/chromium_src/components/sync_preferences/common_syncable_prefs_database.cc b/chromium_src/components/sync_preferences/common_syncable_prefs_database.cc
index 416f23039d27..a5db1af1c80d 100644
--- a/chromium_src/components/sync_preferences/common_syncable_prefs_database.cc
+++ b/chromium_src/components/sync_preferences/common_syncable_prefs_database.cc
@@ -3,12 +3,14 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  * You can obtain one at https://mozilla.org/MPL/2.0/. */
 
+#include "components/sync_preferences/common_syncable_prefs_database.h"
+
 #include <optional>
 #include <string_view>
 
 #include "base/containers/fixed_flat_map.h"
+#include "brave/components/email_aliases/browser/pref_names.h"
 #include "components/search_engines/search_engines_pref_names.h"
-#include "components/sync_preferences/common_syncable_prefs_database.h"
 // "//components/sync_preferences:common_syncable_prefs_database" already
 // depends on "//components/search_engines"
 
@@ -17,7 +19,8 @@ namespace {
 namespace brave_syncable_prefs_ids {
 enum {
   kSyncedDefaultPrivateSearchProviderGUID = 1000,
-  kSyncedDefaultPrivateSearchProviderData = 1001
+  kSyncedDefaultPrivateSearchProviderData = 1001,
+  kSyncedEmailAliasesNotes = 1002
 };
 }  // namespace brave_syncable_prefs_ids
 
@@ -31,7 +34,11 @@ const auto& BraveSyncablePreferences() {
            {prefs::kSyncedDefaultPrivateSearchProviderData,
             {brave_syncable_prefs_ids::kSyncedDefaultPrivateSearchProviderData,
              syncer::PREFERENCES, sync_preferences::PrefSensitivity::kNone,
-             MergeBehavior::kNone}}});
+             MergeBehavior::kNone}},
+           {kEmailAliasesNotes,
+            {brave_syncable_prefs_ids::kSyncedEmailAliasesNotes,
+             syncer::PREFERENCES, sync_preferences::PrefSensitivity::kNone,
+             MergeBehavior::kMergeableDict}}});
   return kBraveCommonSyncablePrefsAllowlist;
 }
 }  // namespace
diff --git a/components/constants/webui_url_constants.h b/components/constants/webui_url_constants.h
index e6b19768c4a6..02c853003942 100644
--- a/components/constants/webui_url_constants.h
+++ b/components/constants/webui_url_constants.h
@@ -91,7 +91,6 @@ inline constexpr char kAIChatUntrustedConversationUIHost[] =
 
 inline constexpr char kRewriterUIURL[] = "chrome://rewriter/";
 inline constexpr char kRewriterUIHost[] = "rewriter";
-
 inline constexpr char16_t kTransactionSimulationLearnMoreURL[] =
     u"https://github.com/brave/brave-browser/wiki/Transaction-Simulation";
 
@@ -103,4 +102,10 @@ inline constexpr auto kInstallablePWAWebUIHosts =
         kAIChatUIHost,
     });
 
+inline constexpr char kEmailAliasesHost[] = "email-aliases";
+inline constexpr char kEmailAliasesSettingsURL[] =
+    "brave://settings/email-aliases";
+inline constexpr char kEmailAliasesBubbleURL[] =
+    "chrome://email-aliases-bubble";
+inline constexpr char kEmailAliasesBubbleHost[] = "email-aliases-bubble";
 #endif  // BRAVE_COMPONENTS_CONSTANTS_WEBUI_URL_CONSTANTS_H_
diff --git a/components/email_aliases/browser/BUILD.gn b/components/email_aliases/browser/BUILD.gn
new file mode 100644
index 000000000000..a094a10431a1
--- /dev/null
+++ b/components/email_aliases/browser/BUILD.gn
@@ -0,0 +1,19 @@
+# Copyright (c) 2025 The Brave Authors. All rights reserved.
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this file,
+# You can obtain one at https://mozilla.org/MPL/2.0/.
+
+import("//brave/build/config.gni")
+
+source_set("browser") {
+  sources = [
+    "email_aliases_prefs.cc",
+    "email_aliases_prefs.h",
+    "pref_names.h",
+  ]
+
+  deps = [
+    "//components/prefs",
+    "//components/sync_preferences",
+  ]
+}
diff --git a/components/email_aliases/browser/email_aliases_prefs.cc b/components/email_aliases/browser/email_aliases_prefs.cc
new file mode 100644
index 000000000000..ce652b457419
--- /dev/null
+++ b/components/email_aliases/browser/email_aliases_prefs.cc
@@ -0,0 +1,26 @@
+/* Copyright (c) 2025 The Brave Authors. All rights reserved.
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at https://mozilla.org/MPL/2.0/. */
+
+#include "brave/components/email_aliases/browser/email_aliases_prefs.h"
+
+#include <string>
+
+#include "brave/components/email_aliases/browser/pref_names.h"
+#include "components/prefs/pref_registry_simple.h"
+#include "components/sync_preferences/pref_service_syncable.h"
+
+namespace email_aliases {
+
+using user_prefs::PrefRegistrySyncable;
+
+void RegisterProfilePrefs(PrefRegistrySyncable* registry) {
+  registry->RegisterStringPref(kEmailAliasesVerificationToken, std::string());
+  registry->RegisterStringPref(kEmailAliasesAuthToken, std::string());
+  registry->RegisterStringPref(kEmailAliasesAccountEmail, std::string());
+  registry->RegisterDictionaryPref(kEmailAliasesNotes, base::Value::Dict(),
+                                   PrefRegistrySyncable::SYNCABLE_PREF);
+}
+
+}  // namespace email_aliases
diff --git a/components/email_aliases/browser/email_aliases_prefs.h b/components/email_aliases/browser/email_aliases_prefs.h
new file mode 100644
index 000000000000..786c607657fb
--- /dev/null
+++ b/components/email_aliases/browser/email_aliases_prefs.h
@@ -0,0 +1,19 @@
+/* Copyright (c) 2025 The Brave Authors. All rights reserved.
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at https://mozilla.org/MPL/2.0/. */
+
+#ifndef BRAVE_COMPONENTS_EMAIL_ALIASES_BROWSER_EMAIL_ALIASES_PREFS_H_
+#define BRAVE_COMPONENTS_EMAIL_ALIASES_BROWSER_EMAIL_ALIASES_PREFS_H_
+
+namespace user_prefs {
+class PrefRegistrySyncable;
+}
+
+namespace email_aliases {
+
+void RegisterProfilePrefs(user_prefs::PrefRegistrySyncable* registry);
+
+}  // namespace email_aliases
+
+#endif  // BRAVE_COMPONENTS_EMAIL_ALIASES_BROWSER_EMAIL_ALIASES_PREFS_H_
diff --git a/components/email_aliases/browser/pref_names.h b/components/email_aliases/browser/pref_names.h
new file mode 100644
index 000000000000..bb79c4b4a863
--- /dev/null
+++ b/components/email_aliases/browser/pref_names.h
@@ -0,0 +1,20 @@
+/* Copyright (c) 2025 The Brave Authors. All rights reserved.
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this file,
+ * You can obtain one at https://mozilla.org/MPL/2.0/. */
+
+#ifndef BRAVE_COMPONENTS_EMAIL_ALIASES_BROWSER_PREF_NAMES_H_
+#define BRAVE_COMPONENTS_EMAIL_ALIASES_BROWSER_PREF_NAMES_H_
+
+inline constexpr char kEmailAliasesVerificationToken[] =
+    "brave.email_aliases.verification_token";
+
+inline constexpr char kEmailAliasesAuthToken[] =
+    "brave.email_aliases.auth_token";
+
+inline constexpr char kEmailAliasesAccountEmail[] =
+    "brave.email_aliases.account_email";
+
+inline constexpr char kEmailAliasesNotes[] = "brave.email_aliases.notes";
+
+#endif  // BRAVE_COMPONENTS_EMAIL_ALIASES_BROWSER_PREF_NAMES_H_
diff --git a/components/email_aliases/browser/resources/BUILD.gn b/components/email_aliases/browser/resources/BUILD.gn
new file mode 100644
index 000000000000..c89f4c7efcbf
--- /dev/null
+++ b/components/email_aliases/browser/resources/BUILD.gn
@@ -0,0 +1,21 @@
+# Copyright (c) 2025 The Brave Authors. All rights reserved.
+# This Source Code Form is subject to the terms of the Mozilla Public
+# License, v. 2.0. If a copy of the MPL was not distributed with this file,
+# You can obtain one at https://mozilla.org/MPL/2.0/.
+
+import("//brave/components/common/typescript.gni")
+
+transpile_web_ui("email_aliases_bubble") {
+  entry_points = [ [
+        "email_aliases_bubble",
+        rebase_path("email_aliases_bubble.ts"),
+      ] ]
+
+  resource_name = "email_aliases_bubble"
+}
+
+pack_web_resources("generated_resources") {
+  resource_name = "email_aliases_bubble"
+  output_dir = "$root_gen_dir/brave/components/email_aliases/browser/resources"
+  deps = [ ":email_aliases_bubble" ]
+}
diff --git a/components/email_aliases/browser/resources/email_aliases.grdp b/components/email_aliases/browser/resources/email_aliases.grdp
new file mode 100644
index 000000000000..2ade41c37523
--- /dev/null
+++ b/components/email_aliases/browser/resources/email_aliases.grdp
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<grit-part>
+  <include name="IDR_EMAIL_ALIASES_BUBBLE_HTML" file="../email_aliases/browser/resources/email_aliases_bubble.html" type="BINDATA" />
+</grit-part>
diff --git a/components/email_aliases/browser/resources/email_aliases_bubble.html b/components/email_aliases/browser/resources/email_aliases_bubble.html
new file mode 100644
index 000000000000..92c6f40a4579
--- /dev/null
+++ b/components/email_aliases/browser/resources/email_aliases_bubble.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Email Aliases</title>
+    <link rel="stylesheet" href="chrome://resources/brave/css/reset.css">
+    <link rel="stylesheet" href="chrome://resources/brave/leo/css/variables.css">
+    <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css">
+    <script src="chrome://resources/js/load_time_data_deprecated.js"></script>
+    <script src="/strings.js"></script>
+  </head>
+  <body style="padding: 1em; overflow: hidden;">
+    <script src="chrome://resources/brave/leo.bundle.js"></script>
+    <div id="email-aliases-bubble-root"></div>
+    <script type="module" src="email_aliases_bubble.bundle.js"></script>
+  </body>
+</html>
diff --git a/components/email_aliases/browser/resources/email_aliases_bubble.ts b/components/email_aliases/browser/resources/email_aliases_bubble.ts
new file mode 100644
index 000000000000..a15e8be0d793
--- /dev/null
+++ b/components/email_aliases/browser/resources/email_aliases_bubble.ts
@@ -0,0 +1,10 @@
+// Copyright (c) 2025 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// You can obtain one at https://mozilla.org/MPL/2.0/.
+import '../../../../browser/resources/settings/email_aliases_page/email_aliases'
+import { RemoteMappingService } from '../../../../browser/resources/settings/email_aliases_page/remote_mapping_service'
+
+const root = document.getElementById('email-aliases-bubble-root')!
+root.attachShadow({ mode: 'open' })
+; (window as any).mountModal(root.shadowRoot, new RemoteMappingService())
diff --git a/components/email_aliases/resources/shared/components/settings/stories/index.tsx b/components/email_aliases/resources/shared/components/settings/stories/index.tsx
new file mode 100644
index 000000000000..67eac88c332d
--- /dev/null
+++ b/components/email_aliases/resources/shared/components/settings/stories/index.tsx
@@ -0,0 +1,170 @@
+// Copyright (c) 2025 The Brave Authors. All rights reserved.
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this file,
+// You can obtain one at https://mozilla.org/MPL/2.0/.
+
+import * as React from 'react'
+import { ManagePage, EmailAliasModal } from '../../../../../../../browser/resources/settings/email_aliases_page/email_aliases'
+import { AccountState, Alias, MappingService, ViewMode } from '../../../../../../../browser/resources/settings/email_aliases_page/types'
+
+import { provideStrings } from '../../../../../../../.storybook/locale'
+
+provideStrings({
+  emailAliasesShortDescription: 'Email Aliases',
+  emailAliasesDescription: 'Create unique, random addresses that forward to your Brave account email and can be deleted at any time. Keep your actual email address from being disclosed or used by advertisers.',
+  emailAliasesLearnMore: 'Learn More',
+  emailAliasesSignOut: 'Sign Out',
+  emailAliasesSignOutTitle: 'Sign Out of Email Aliases',
+  emailAliasesConnectingToBraveAccount: 'Connecting to Brave Account...',
+  emailAliasesBraveAccount: 'Brave Account',
+  emailAliasesCopiedToClipboard: 'Copied to clipboard',
+  emailAliasesClickToCopyAlias: 'Click to copy alias',
+  emailAliasesUsedBy: 'Used by $1',
+  emailAliasesEdit: 'Edit',
+  emailAliasesDelete: 'Delete',
+  emailAliasesCreateDescription: 'Create up to 5 free email aliases to protect your real email address.',
+  emailAliasesListTitle: 'Your email aliases',
+  emailAliasesCreateAliasTitle: 'Create a new alias email',
+  emailAliasesCreateAliasLabel: 'New alias',
+  emailAliasesRefreshButtonTitle: 'Suggest another email alias',
+  emailAliasesNoteLabel: 'Note',
+  emailAliasesEditNotePlaceholder: 'Enter a note for your address (optional)',
+  emailAliasesCancelButton: 'Cancel',
+  emailAliasesAliasLabel: 'Email alias',
+  emailAliasesEmailsWillBeForwardedTo: 'Emails will be forwarded to $1',
+  emailAliasesEditAliasTitle: 'Edit email alias',
+  emailAliasesCreateAliasButton: 'Create',
+  emailAliasesSaveAliasButton: 'Save',
+  emailAliasesSignInOrCreateAccount: 'To get started, sign in or create a Brave account',
+  emailAliasesEnterEmailToGetLoginLink: 'Enter your email address to get a secure login link sent to your email. Clicking this link will either create or access a Brave Account and let you use the free Email Aliases service.',
+  emailAliasesGetLoginLinkButton: 'Get login link',
+  emailAliasesEmailAddressPlaceholder: 'Email address',
+  emailAliasesLoginEmailOnTheWay: 'A login email is on the way to $1',
+  emailAliasesClickOnSecureLogin: 'Click on the secure login link in the email to access your account.',
+  emailAliasesDontSeeEmail: 'Don\'t see the email? Check your spam folder or',
+  emailAliasesTryAgain: 'try again.',
+  emailAliasesBubbleDescription: 'Create a random email address that forwards to your inbox while keeping your personal email private.'
+})
+
+export default {
+  title: 'Email Aliases',
+}
+
+const demoData = {
+  email: 'aruiz@brave.com',
+  aliases: [
+    {
+      email: 'horse.radish.record57@bravealias.com',
+      note: 'Alias for all my newsletters',
+    },
+    {
+      email: 'start.plane.division.laser42@bravealias.com',
+      domains: ['x.com'],
+      note: 'Twitter account'
+    },
+    {
+      email: 'racoon.pencil.test14@bravealias.com',
+      note: 'Marketplace email for Facebook'
+    }
+  ]
+}
+
+class MockMappingService implements MappingService {
+  accountEmail_: string
+  aliases_ : Map<string, Alias>
+  accountState_ : AccountState = AccountState.NoAccount
+  accountRequestId_ : number
+  constructor() {
+    this.aliases_ = new Map<string, Alias>();
+    for (const alias of demoData.aliases) {
+      this.aliases_.set(alias.email, alias)
+    }
+  }
+
+  async createAlias (email: string, note: string): Promise<void> {
+    const alias = { email, note }
+    this.aliases_.set(email, alias)
+  }
+
+  async getAliases (): Promise<Alias[]> {
+    return [...this.aliases_.values()]
+  }
+
+  async updateAlias (email: string, note: string, status: boolean): Promise<void> {
+    const alias = { email, note }
+    this.aliases_.set(email, alias)
+  }
+
+  async deleteAlias (email: string): Promise<void> {
+    console.log("attempting to delete!!!")
+    this.aliases_.delete(email)
+  }
+
+  async generateAlias (): Promise<string> {
+    let generated: string = ''
+    do {
+      generated = "mock-" + Math.random().toString().slice(2,6) + "@bravealias.com"
+    } while (this.aliases_.has(generated))
+    return generated
+  }
+
+  async getAccountEmail (): Promise<string | undefined> {
+    return this.accountEmail_
+  }
+
+  async requestAccount (accountEmail: string): Promise<void> {
+    this.accountState_ = AccountState.AwaitingAccount
+    this.accountRequestId_ = window.setTimeout(() => {
+      this.accountEmail_ = accountEmail
+      this.accountState_ = AccountState.AccountReady
+    }, 5000);
+  }
+
+  async getAccountState (): Promise<AccountState> {
+    return this.accountState_
+  }
+
+  async onAccountReady (): Promise<boolean> {
+    while (this.accountState_ === AccountState.AwaitingAccount) {
+      await new Promise(resolve => setTimeout(resolve, 250));
+    }
+    return this.accountState_ === AccountState.AccountReady
+  }
+
+  async cancelAccountRequest (): Promise<void> {
+    this.accountState_ = AccountState.NoAccount
+    window.clearTimeout(this.accountRequestId_)
+  }
+
+  async logout (): Promise<void> {
+    this.accountState_ = AccountState.NoAccount
+  }
+
+  async closeBubble (): Promise<void> {
+    console.log("closeBubble")
+  }
+
+  async fillField (fieldValue: string): Promise<void> {
+    console.log("fillField", fieldValue)
+  }
+}
+
+const mockMappingServiceSingleton = new MockMappingService()
+
+export const SettingsPage = () => {
+  return (
+    <ManagePage mappingService={mockMappingServiceSingleton}></ManagePage>
+  )
+}
+
+export const Bubble = () => {
+  return (
+    <EmailAliasModal
+      returnToMain={() => {}}
+      viewState={{ mode: ViewMode.Create }}
+      email={demoData.email}
+      mode={ViewMode.Create}
+      mappingService={mockMappingServiceSingleton}
+    />
+  )
+}
diff --git a/components/resources/BUILD.gn b/components/resources/BUILD.gn
index e7a1de7fd791..8a10ac135659 100644
--- a/components/resources/BUILD.gn
+++ b/components/resources/BUILD.gn
@@ -144,9 +144,15 @@ repack("resources") {
 
   if (!is_android && !is_ios) {
     deps += [
+      "//brave/browser/resources/settings/email_aliases_page:generated_resources",
       "//brave/browser/resources/settings/shortcuts_page:generated_resources",
+      "//brave/components/email_aliases/browser/resources:generated_resources",
+    ]
+    sources += [
+      "$root_gen_dir/brave/browser/resources/settings/email_aliases_page/email_aliases_generated.pak",
+      "$root_gen_dir/brave/browser/resources/settings/shortcuts_page/commands_generated.pak",
+      "$root_gen_dir/brave/components/email_aliases/browser/resources/email_aliases_bubble_generated.pak",
     ]
-    sources += [ "$root_gen_dir/brave/browser/resources/settings/shortcuts_page/commands_generated.pak" ]
   }
 
   output = "$root_gen_dir/components/brave_components_resources.pak"
diff --git a/components/resources/brave_components_resources.grd b/components/resources/brave_components_resources.grd
index 71509dd54ba6..317725930a09 100644
--- a/components/resources/brave_components_resources.grd
+++ b/components/resources/brave_components_resources.grd
@@ -54,7 +54,7 @@
         <include name="IDR_BRAVE_WALLET_LEDGER_BRIDGE_HTML" file="../brave_wallet_ui/ledger/ledger.html" type="BINDATA" />
         <include name="IDR_BRAVE_WALLET_TREZOR_BRIDGE_HTML" file="../brave_wallet_ui/trezor/trezor.html" type="BINDATA" />
       </if>
-
+     
       <!-- WebUI swap, send, and deposit page resources for Android -->
       <if expr="is_android">
         <include name="IDR_BRAVE_WALLET_SWAP_PAGE_HTML" file="../brave_wallet_ui/page/screens/swap/android/swap.html" type="BINDATA" />
@@ -104,6 +104,9 @@
       <part file="../ai_chat/resources/ai_chat_ui_resources.grdp" />
       <part file="../ai_rewriter/resources/page/ai_rewriter_ui_resources.grdp" />
       <part file="brave_wallet_resources.grdp" />
+      <if expr="not is_android">
+        <part file="../email_aliases/browser/resources/email_aliases.grdp" />
+      </if>
     </includes>
   </release>
 </grit>
diff --git a/components/resources/commands.grdp b/components/resources/commands.grdp
index cce0a254b344..a98f42745f10 100644
--- a/components/resources/commands.grdp
+++ b/components/resources/commands.grdp
@@ -443,6 +443,9 @@
   <message name="IDS_IDC_SHOW_WAYBACK_MACHINE_BUBBLE">
     Show Wayback Machine bubble
   </message>
+  <message name="IDS_IDC_NEW_EMAIL_ALIAS">
+    New Email Alias
+  </message>
 
   <!-- Commander composite commands -->
   <message name="IDS_COMMANDER_OPEN_BOOKMARK" desc="Text for the command to begin opening a bookmark">
diff --git a/components/vector_icons/BUILD.gn b/components/vector_icons/BUILD.gn
index 72b965c4830e..4cf5c72aea11 100644
--- a/components/vector_icons/BUILD.gn
+++ b/components/vector_icons/BUILD.gn
@@ -44,6 +44,7 @@ aggregate_vector_icons("brave_components_vector_icons") {
     "leo_desktop_vpn_on_color.icon",
     "leo_download.icon",
     "leo_edit_box.icon",
+    "leo_email_shield.icon",
     "leo_eye_on.icon",
     "leo_file_download.icon",
     "leo_file_search.icon",
diff --git a/resources/resource_ids.spec b/resources/resource_ids.spec
index 33ecc22a9a67..a45d316e8c78 100644
--- a/resources/resource_ids.spec
+++ b/resources/resource_ids.spec
@@ -226,7 +226,7 @@
     "includes": [34650],
   },
   "<(SHARED_INTERMEDIATE_DIR)/brave/web-ui-creator_detection/creator_detection.grd": {
-    "META": {"sizes": {"includes": [10]}},
+    "META": {"sizes": {"includes": [100]}},
     "includes": [34700],
   },
   "<(SHARED_INTERMEDIATE_DIR)/brave/web-ui-ads_internals/ads_internals.grd": {
@@ -237,6 +237,14 @@
     "META": {"sizes": {"includes": [50]}},
     "includes": [34720],
   },
+  "<(SHARED_INTERMEDIATE_DIR)/brave/web-ui-email_aliases/email_aliases.grd": {
+    "META": {"sizes": {"includes": [100]}},
+    "includes": [34800],
+  },
+  "<(SHARED_INTERMEDIATE_DIR)/brave/web-ui-email_aliases_bubble/email_aliases_bubble.grd": {
+    "META": {"sizes": {"includes": [100]}},
+    "includes": [34900],
+  },
   # WARNING: The upstream ChromeOS/Ash strings currently run through 36930. We
   # must be careful not to exceed that maximum when adding new strings here.
 }
diff --git a/ui/webui/resources/BUILD.gn b/ui/webui/resources/BUILD.gn
index 3caa87bbaaf8..7136d01465b3 100644
--- a/ui/webui/resources/BUILD.gn
+++ b/ui/webui/resources/BUILD.gn
@@ -207,6 +207,7 @@ leo_icons = [
   "ecosia-color.svg",
   "edit-box.svg",
   "edit-pencil.svg",
+  "email-shield.svg",
   "erase.svg",
   "ethereum-off.svg",
   "ethereum-on.svg",
@@ -300,6 +301,7 @@ leo_icons = [
   "nft.svg",
   "notification-off.svg",
   "notification.svg",
+  "outside.svg",
   "pause-filled.svg",
   "percent.svg",
   "picture-in-picture.svg",