diff --git a/web/src/App.tsx b/web/src/App.tsx
index b7acedd9..e4c01220 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -18,6 +18,7 @@ import { VehicleGen } from './generators/Objects/Vehicle';
 import { Toaster } from './components/ui/toaster';
 import { PedGen } from './generators/Objects/Ped';
 import { WeaponGen } from './generators/Objects/Weapon';
+import Generators from './pages/Generators';
 
 function App() {
   return (
@@ -39,6 +40,7 @@ function App() {
             path="/generators/callouts/pacific-bank-heist"
             Component={PacificBankHeistGen}
           />
+          <Route path="/generators" Component={Generators} />
           <Route path="/generators/vehicles" Component={VehicleGen} />
           <Route path="/generators/peds" Component={PedGen} />
           <Route path="/generators/weapons" Component={WeaponGen} />
diff --git a/web/src/i18n/en.json b/web/src/i18n/en.json
index 87316ab0..fe0e2603 100644
--- a/web/src/i18n/en.json
+++ b/web/src/i18n/en.json
@@ -174,11 +174,13 @@
     "ped": "Ped Preset",
     "weapon": "Weapon Preset",
     "position": "Position Preset",
+    "outfit": "Outfit Preset",
     "string": "String",
     "int": "Integer",
     "float": "Floating Point Number"
   },
   "generators": {
+    "title": "Generators",
     "common": {
       "require": "This value is required to generate the preset.",
       "higher-than-0": "The value must be higher than zero.",
diff --git a/web/src/pages/Generators.tsx b/web/src/pages/Generators.tsx
new file mode 100644
index 00000000..2063f674
--- /dev/null
+++ b/web/src/pages/Generators.tsx
@@ -0,0 +1,32 @@
+import { useTranslation } from 'react-i18next';
+import { Link } from 'react-router-dom';
+
+const Generators = () => {
+  const { t } = useTranslation();
+
+  return (
+    <div className="mainContent">
+      <h1>{t('generators.title')}</h1>
+      <table>
+        <tbody>
+          <tr>
+            <td>
+              <Link to="/generators/vehicles">{t('types.vehicle')}</Link>
+            </td>
+            <td>
+              <Link to="/generators/peds">{t('types.ped')}</Link>
+            </td>
+            <td>
+              <Link to="/generators/weapons">{t('types.weapon')}</Link>
+            </td>
+            <td>
+              <Link to="/generators/outfits">{t('types.outfit')}</Link>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
+  );
+};
+
+export default Generators;
diff --git a/web/src/pages/Home.tsx b/web/src/pages/Home.tsx
index 1d156020..7afc2bf4 100644
--- a/web/src/pages/Home.tsx
+++ b/web/src/pages/Home.tsx
@@ -65,6 +65,9 @@ const Home = () => {
               <td>
                 <Link to="/callouts">{t('callouts.title')}</Link>
               </td>
+              <td>
+                <Link to="/generators">{t('generators.title')}</Link>
+              </td>
             </tr>
           </tbody>
         </table>