diff --git a/packages/experience/src/pages/Register/IdentifierRegisterForm/index.module.scss b/packages/experience/src/components/IdentifierRegisterForm/index.module.scss
similarity index 100%
rename from packages/experience/src/pages/Register/IdentifierRegisterForm/index.module.scss
rename to packages/experience/src/components/IdentifierRegisterForm/index.module.scss
diff --git a/packages/experience/src/pages/Register/IdentifierRegisterForm/index.test.tsx b/packages/experience/src/components/IdentifierRegisterForm/index.test.tsx
similarity index 100%
rename from packages/experience/src/pages/Register/IdentifierRegisterForm/index.test.tsx
rename to packages/experience/src/components/IdentifierRegisterForm/index.test.tsx
diff --git a/packages/experience/src/pages/Register/IdentifierRegisterForm/index.tsx b/packages/experience/src/components/IdentifierRegisterForm/index.tsx
similarity index 100%
rename from packages/experience/src/pages/Register/IdentifierRegisterForm/index.tsx
rename to packages/experience/src/components/IdentifierRegisterForm/index.tsx
diff --git a/packages/experience/src/pages/Register/IdentifierRegisterForm/use-on-submit.ts b/packages/experience/src/components/IdentifierRegisterForm/use-on-submit.ts
similarity index 100%
rename from packages/experience/src/pages/Register/IdentifierRegisterForm/use-on-submit.ts
rename to packages/experience/src/components/IdentifierRegisterForm/use-on-submit.ts
diff --git a/packages/experience/src/pages/Register/IdentifierRegisterForm/use-register-with-username.ts b/packages/experience/src/components/IdentifierRegisterForm/use-register-with-username.ts
similarity index 100%
rename from packages/experience/src/pages/Register/IdentifierRegisterForm/use-register-with-username.ts
rename to packages/experience/src/components/IdentifierRegisterForm/use-register-with-username.ts
diff --git a/packages/experience/src/pages/SignIn/IdentifierSignInForm/index.module.scss b/packages/experience/src/components/IdentifierSignInForm/index.module.scss
similarity index 100%
rename from packages/experience/src/pages/SignIn/IdentifierSignInForm/index.module.scss
rename to packages/experience/src/components/IdentifierSignInForm/index.module.scss
diff --git a/packages/experience/src/pages/SignIn/IdentifierSignInForm/index.test.tsx b/packages/experience/src/components/IdentifierSignInForm/index.test.tsx
similarity index 100%
rename from packages/experience/src/pages/SignIn/IdentifierSignInForm/index.test.tsx
rename to packages/experience/src/components/IdentifierSignInForm/index.test.tsx
diff --git a/packages/experience/src/pages/SignIn/IdentifierSignInForm/index.tsx b/packages/experience/src/components/IdentifierSignInForm/index.tsx
similarity index 100%
rename from packages/experience/src/pages/SignIn/IdentifierSignInForm/index.tsx
rename to packages/experience/src/components/IdentifierSignInForm/index.tsx
diff --git a/packages/experience/src/pages/SignIn/IdentifierSignInForm/use-on-submit.ts b/packages/experience/src/components/IdentifierSignInForm/use-on-submit.ts
similarity index 100%
rename from packages/experience/src/pages/SignIn/IdentifierSignInForm/use-on-submit.ts
rename to packages/experience/src/components/IdentifierSignInForm/use-on-submit.ts
diff --git a/packages/experience/src/pages/SignIn/PasswordSignInForm/index.module.scss b/packages/experience/src/components/PasswordSignInForm/index.module.scss
similarity index 100%
rename from packages/experience/src/pages/SignIn/PasswordSignInForm/index.module.scss
rename to packages/experience/src/components/PasswordSignInForm/index.module.scss
diff --git a/packages/experience/src/pages/SignIn/PasswordSignInForm/index.test.tsx b/packages/experience/src/components/PasswordSignInForm/index.test.tsx
similarity index 100%
rename from packages/experience/src/pages/SignIn/PasswordSignInForm/index.test.tsx
rename to packages/experience/src/components/PasswordSignInForm/index.test.tsx
diff --git a/packages/experience/src/pages/SignIn/PasswordSignInForm/index.tsx b/packages/experience/src/components/PasswordSignInForm/index.tsx
similarity index 100%
rename from packages/experience/src/pages/SignIn/PasswordSignInForm/index.tsx
rename to packages/experience/src/components/PasswordSignInForm/index.tsx
diff --git a/packages/experience/src/pages/SingleSignOnEmail/SingleSignOnForm/index.module.scss b/packages/experience/src/components/SingleSignOnForm/index.module.scss
similarity index 100%
rename from packages/experience/src/pages/SingleSignOnEmail/SingleSignOnForm/index.module.scss
rename to packages/experience/src/components/SingleSignOnForm/index.module.scss
diff --git a/packages/experience/src/pages/SingleSignOnEmail/SingleSignOnForm/index.tsx b/packages/experience/src/components/SingleSignOnForm/index.tsx
similarity index 100%
rename from packages/experience/src/pages/SingleSignOnEmail/SingleSignOnForm/index.tsx
rename to packages/experience/src/components/SingleSignOnForm/index.tsx
diff --git a/packages/experience/src/pages/IdentifierRegister/index.tsx b/packages/experience/src/pages/IdentifierRegister/index.tsx
index 2fac8d00e..37c8bca8b 100644
--- a/packages/experience/src/pages/IdentifierRegister/index.tsx
+++ b/packages/experience/src/pages/IdentifierRegister/index.tsx
@@ -3,10 +3,9 @@ import { useTranslation } from 'react-i18next';
 import { Navigate } from 'react-router-dom';
 
 import FocusedAuthPageLayout from '@/Layout/FocusedAuthPageLayout';
+import IdentifierRegisterForm from '@/components/IdentifierRegisterForm';
 import { identifierInputDescriptionMap } from '@/utils/form';
 
-import IdentifierRegisterForm from '../Register/IdentifierRegisterForm';
-
 import useIdentifierSignUpMethods from './use-identifier-sign-up-methods';
 
 const IdentifierRegister = () => {
diff --git a/packages/experience/src/pages/IdentifierSignIn/index.tsx b/packages/experience/src/pages/IdentifierSignIn/index.tsx
index 949cbeb20..d9e8bc352 100644
--- a/packages/experience/src/pages/IdentifierSignIn/index.tsx
+++ b/packages/experience/src/pages/IdentifierSignIn/index.tsx
@@ -4,11 +4,10 @@ import { useTranslation } from 'react-i18next';
 import { Navigate } from 'react-router-dom';
 
 import FocusedAuthPageLayout from '@/Layout/FocusedAuthPageLayout';
+import IdentifierSignInForm from '@/components/IdentifierSignInForm';
+import PasswordSignInForm from '@/components/PasswordSignInForm';
 import { identifierInputDescriptionMap } from '@/utils/form';
 
-import IdentifierSignInForm from '../SignIn/IdentifierSignInForm';
-import PasswordSignInForm from '../SignIn/PasswordSignInForm';
-
 import useIdentifierSignInMethods from './use-identifier-sign-in-methods';
 
 const IdentifierSignIn = () => {
diff --git a/packages/experience/src/pages/Register/index.tsx b/packages/experience/src/pages/Register/index.tsx
index 7a33b3771..6a5715695 100644
--- a/packages/experience/src/pages/Register/index.tsx
+++ b/packages/experience/src/pages/Register/index.tsx
@@ -8,6 +8,7 @@ import SingleSignOnFormModeContextProvider from '@/Providers/SingleSignOnFormMod
 import SingleSignOnFormModeContext from '@/Providers/SingleSignOnFormModeContextProvider/SingleSignOnFormModeContext';
 import Divider from '@/components/Divider';
 import GoogleOneTap from '@/components/GoogleOneTap';
+import IdentifierRegisterForm from '@/components/IdentifierRegisterForm';
 import TextLink from '@/components/TextLink';
 import SocialSignInList from '@/containers/SocialSignInList';
 import TermsAndPrivacyCheckbox from '@/containers/TermsAndPrivacyCheckbox';
@@ -17,7 +18,6 @@ import useTerms from '@/hooks/use-terms';
 
 import ErrorPage from '../ErrorPage';
 
-import IdentifierRegisterForm from './IdentifierRegisterForm';
 import styles from './index.module.scss';
 
 const RegisterFooter = () => {
diff --git a/packages/experience/src/pages/SignIn/Main.tsx b/packages/experience/src/pages/SignIn/Main.tsx
index 051c03ff9..3319aecdf 100644
--- a/packages/experience/src/pages/SignIn/Main.tsx
+++ b/packages/experience/src/pages/SignIn/Main.tsx
@@ -1,11 +1,11 @@
 import { type SignIn, type ExperienceSocialConnector, AgreeToTermsPolicy } from '@logto/schemas';
 
+import IdentifierSignInForm from '@/components/IdentifierSignInForm';
+import PasswordSignInForm from '@/components/PasswordSignInForm';
 import SocialSignInList from '@/containers/SocialSignInList';
 import TermsAndPrivacyCheckbox from '@/containers/TermsAndPrivacyCheckbox';
 import useTerms from '@/hooks/use-terms';
 
-import IdentifierSignInForm from './IdentifierSignInForm';
-import PasswordSignInForm from './PasswordSignInForm';
 import styles from './index.module.scss';
 
 type Props = {
diff --git a/packages/experience/src/pages/SingleSignOnEmail/index.tsx b/packages/experience/src/pages/SingleSignOnEmail/index.tsx
index f7b3ee7b8..b3609a93a 100644
--- a/packages/experience/src/pages/SingleSignOnEmail/index.tsx
+++ b/packages/experience/src/pages/SingleSignOnEmail/index.tsx
@@ -1,6 +1,5 @@
 import SecondaryPageLayout from '@/Layout/SecondaryPageLayout';
-
-import SingleSignOnForm from './SingleSignOnForm';
+import SingleSignOnForm from '@/components/SingleSignOnForm';
 
 const SingleSignOnEmail = () => {
   return (
diff --git a/packages/experience/src/pages/SingleSignOnLanding/index.tsx b/packages/experience/src/pages/SingleSignOnLanding/index.tsx
index 4982abd0a..4fe5913f3 100644
--- a/packages/experience/src/pages/SingleSignOnLanding/index.tsx
+++ b/packages/experience/src/pages/SingleSignOnLanding/index.tsx
@@ -2,10 +2,9 @@ import { AgreeToTermsPolicy, experience } from '@logto/schemas';
 import { useTranslation } from 'react-i18next';
 
 import FocusedAuthPageLayout from '@/Layout/FocusedAuthPageLayout';
+import SingleSignOnForm from '@/components/SingleSignOnForm';
 import useTerms from '@/hooks/use-terms';
 
-import SingleSignOnForm from '../SingleSignOnEmail/SingleSignOnForm';
-
 const SingleSignOnLanding = () => {
   const { t } = useTranslation();
   const { agreeToTermsPolicy } = useTerms();