diff --git a/modelina-website/src/components/contexts/PlaygroundConfigContext.ts b/modelina-website/src/components/contexts/PlaygroundConfigContext.ts
index 84e15a4b40..245e262d9e 100644
--- a/modelina-website/src/components/contexts/PlaygroundConfigContext.ts
+++ b/modelina-website/src/components/contexts/PlaygroundConfigContext.ts
@@ -10,6 +10,7 @@ import {
   ModelinaPhpOptions,
   ModelinaPythonOptions,
   ModelinaRustOptions,
+  ModelinaScalaOptions,
   ModelinaTypeScriptOptions
 } from '@/types';
 import { createContext } from 'react';
@@ -24,6 +25,8 @@ export const PlaygroundGoConfigContext =
   createContext<ModelinaGoOptions | null>(null);
 export const PlaygroundRustConfigContext =
   createContext<ModelinaRustOptions | null>(null);
+export const PlaygroundScalaConfigContext =
+  createContext<ModelinaScalaOptions | null>(null);
 export const PlaygroundKotlinConfigContext =
   createContext<ModelinaKotlinOptions | null>(null);
 export const PlaygroundDartConfigContext =
diff --git a/modelina-website/src/components/contexts/PlaygroundContext.tsx b/modelina-website/src/components/contexts/PlaygroundContext.tsx
index c513634783..9ed959ec20 100644
--- a/modelina-website/src/components/contexts/PlaygroundContext.tsx
+++ b/modelina-website/src/components/contexts/PlaygroundContext.tsx
@@ -88,6 +88,8 @@ export const PlaygroundContextProvider: React.FC<{ children: React.ReactNode; }>
     javaOverwriteToString: false,
     javaJavaDocs: false,
     javaJavaxAnnotation: false,
+    scalaCollectionType: 'Array',
+    scalaPackageName: 'asyncapi.models',
     goPackageName: 'asyncapi.models',
     kotlinPackageName: 'asyncapi.models'
   };
diff --git a/modelina-website/src/components/playground/OptionsNavigation.tsx b/modelina-website/src/components/playground/OptionsNavigation.tsx
index e5bcaef587..899c7d0d54 100644
--- a/modelina-website/src/components/playground/OptionsNavigation.tsx
+++ b/modelina-website/src/components/playground/OptionsNavigation.tsx
@@ -8,6 +8,7 @@ import {
   PlaygroundJavaScriptConfigContext,
   PlaygroundKotlinConfigContext,
   PlaygroundPythonConfigContext,
+  PlaygroundScalaConfigContext,
   PlaygroundRustConfigContext,
   PlaygroundCplusplusConfigContext,
   PlaygroundGeneralConfigContext,
@@ -35,9 +36,11 @@ export const OptionsNavigation: React.FunctionComponent<OptionsNavigationProps>
                       <PlaygroundCplusplusConfigContext.Provider value={config}>
                         <PlaygroundKotlinConfigContext.Provider value={config}>
                           <PlaygroundRustConfigContext.Provider value={config}>
-                            <PlaygroundPythonConfigContext.Provider value={config}>
-                              <PlaygroundOptions setNewConfig={setNewConfig} />
-                            </PlaygroundPythonConfigContext.Provider>
+                            <PlaygroundScalaConfigContext.Provider value={config}>
+                              <PlaygroundPythonConfigContext.Provider value={config}>
+                                <PlaygroundOptions setNewConfig={setNewConfig} />
+                              </PlaygroundPythonConfigContext.Provider>
+                            </PlaygroundScalaConfigContext.Provider>
                           </PlaygroundRustConfigContext.Provider>
                         </PlaygroundKotlinConfigContext.Provider>
                       </PlaygroundCplusplusConfigContext.Provider>
diff --git a/modelina-website/src/components/playground/Playground.tsx b/modelina-website/src/components/playground/Playground.tsx
index 7efb15fc00..fae6a49957 100644
--- a/modelina-website/src/components/playground/Playground.tsx
+++ b/modelina-website/src/components/playground/Playground.tsx
@@ -12,6 +12,7 @@ import { getJavaGeneratorCode } from '@/helpers/GeneratorCode/JavaGenerator';
 import { getGoGeneratorCode } from '@/helpers/GeneratorCode/GoGenerator';
 import { getCSharpGeneratorCode } from '@/helpers/GeneratorCode/CSharpGenerator';
 import { getRustGeneratorCode } from '@/helpers/GeneratorCode/RustGenerator';
+import { getScalaGeneratorCode } from '@/helpers/GeneratorCode/ScalaGenerator';
 import { getPythonGeneratorCode } from '@/helpers/GeneratorCode/PythonGenerator';
 import { getDartGeneratorCode } from '@/helpers/GeneratorCode/DartGenerator';
 import { getCplusplusGeneratorCode } from '@/helpers/GeneratorCode/CplusplusGenerator';
@@ -165,6 +166,18 @@ const Playground: React.FC<ModelinaPlaygroundProps> = (props) => {
     if (query.kotlinPackageName !== undefined) {
       setConfig({ ...config, kotlinPackageName: query.kotlinPackageName });
     }
+    if (query.scalaCollectionType !== undefined) {
+      setConfig({
+        ...config,
+        scalaCollectionType: query.scalaCollectionType as any
+      });
+    }
+    if (query.scalaPackageName !== undefined) {
+      setConfig({
+        ...config,
+        scalaPackageName: query.scalaPackageName as any
+      });
+    }
 
     if (props.router.isReady && !hasLoadedQuery) {
       setHasLoadedQuery(true);
@@ -222,6 +235,7 @@ const Playground: React.FC<ModelinaPlaygroundProps> = (props) => {
           go: getGoGeneratorCode,
           csharp: getCSharpGeneratorCode,
           rust: getRustGeneratorCode,
+          scala: getScalaGeneratorCode,
           python: getPythonGeneratorCode,
           dart: getDartGeneratorCode,
           cplusplus: getCplusplusGeneratorCode,
diff --git a/modelina-website/src/components/playground/PlaygroundOptions.tsx b/modelina-website/src/components/playground/PlaygroundOptions.tsx
index 804d218bb8..74bbee1130 100644
--- a/modelina-website/src/components/playground/PlaygroundOptions.tsx
+++ b/modelina-website/src/components/playground/PlaygroundOptions.tsx
@@ -9,6 +9,7 @@ import GoGeneratorOptions from './options/GoGeneratorOptions';
 import JavaGeneratorOptions from './options/JavaGeneratorOptions';
 import KotlinGeneratorOptions from './options/KotlinGeneratorOptions';
 import RustGeneratorOptions from './options/RustGeneratorOptions';
+import ScalaGeneratorOptions from './options/ScalaGeneratorOptions';
 import PythonGeneratorOptions from './options/PythonGeneratorOptions';
 import CplusplusGeneratorOptions from './options/CplusplusGeneratorOptions';
 import PhpGeneratorOptions from './options/PhpGeneratorOptions';
@@ -50,6 +51,9 @@ const PlaygroundOptions: React.FC<PlaygroundOptionsProps> = ({ setNewConfig }) =
       case 'rust':
         setGeneratorOptions(<RustGeneratorOptions setNewConfig={setNewConfig} />);
         break;
+      case 'scala':
+        setGeneratorOptions(<ScalaGeneratorOptions setNewConfig={setNewConfig} />);
+        break;
       case 'python':
         setGeneratorOptions(<PythonGeneratorOptions setNewConfig={setNewConfig} />);
         break;
diff --git a/modelina-website/src/components/playground/options/ScalaGeneratorOptions.tsx b/modelina-website/src/components/playground/options/ScalaGeneratorOptions.tsx
new file mode 100644
index 0000000000..e5a95c78f5
--- /dev/null
+++ b/modelina-website/src/components/playground/options/ScalaGeneratorOptions.tsx
@@ -0,0 +1,104 @@
+import React, { useCallback, useContext, useEffect, useState } from 'react';
+import Select from '@/components/Select';
+import { PlaygroundScalaConfigContext } from '@/components/contexts/PlaygroundConfigContext';
+import InfoModal from '@/components/InfoModal';
+import { debounce } from 'lodash';
+
+interface ScalaGeneratorOptionsProps {
+  setNewConfig?: (
+    queryKey: string,
+    queryValue: any,
+    updateCode?: boolean
+  ) => void;
+}
+
+interface ScalaGeneratorState {
+  packageName?: string;
+}
+
+export const defaultState: ScalaGeneratorState = {};
+
+const ScalaGeneratorOptions: React.FC<ScalaGeneratorOptionsProps> = ({
+  setNewConfig
+}) => {
+  const context = useContext(PlaygroundScalaConfigContext);
+  const [state, setState] = useState<ScalaGeneratorState>(defaultState);
+
+  useEffect(() => {
+    setState({ ...state, packageName: context?.scalaPackageName });
+  }, [context?.scalaPackageName]);
+
+  const debouncedSetNewConfig = debounce(
+    (queryKey: string, queryValue: any) => setNewConfig?.(queryKey, queryValue),
+    500
+  );
+
+  const onChangeCollectionType = (collectionType: string) => {
+    setNewConfig && setNewConfig('scalaCollectionType', collectionType);
+  };
+
+  const onChangePackageName = useCallback(
+    (event: React.ChangeEvent<HTMLInputElement>) => {
+      const packageName = event.target.value;
+      setState({ ...state, packageName });
+      setNewConfig && debouncedSetNewConfig('scalaPackageName', packageName);
+    },
+    [setNewConfig, debouncedSetNewConfig, state]
+  );
+
+  return (
+    <ul className="flex flex-col">
+      <h3 className="py-2 w-full text-left border-b-[1px] border-gray-700">
+        Scala Specific options
+      </h3>
+      <li className="flex gap-1 items-center">
+        <InfoModal text="Package Name :">
+          <p>
+            In Scala, a package name is a way to organize and group related
+            classes, objects, and traits together. It is a naming convention
+            that helps prevent naming conflicts and provides a hierarchical
+            structure to the Scala codebase.
+          </p>
+        </InfoModal>
+        <label className="flex flex-grow gap-1 items-center py-2 justify-between cursor-pointer">
+          <span className="mt-1 max-w-2xl text-sm text-gray-500">
+            Scala Package Name
+          </span>
+          <input
+            type="text"
+            className="form-input w-[88%] rounded-md border-gray-300 cursor-pointer font-regular text-md text-gray-700 hover:bg-gray-50 focus-within:text-gray-900"
+            name="scalaPackageName"
+            value={state?.packageName}
+            onChange={onChangePackageName}
+          />
+        </label>
+      </li>
+      <li className="flex gap-1 items-center">
+        <InfoModal text="Scala collection type: ">
+          <p>
+            It indicates the collection type. Its value can be either List or
+            Array.
+            <br /> <br />
+            The default value is Array.
+          </p>
+        </InfoModal>
+        <label className="flex flex-grow gap-1 items-center py-2 justify-between cursor-pointer">
+          <span className="mt-1 max-w-2xl text-sm text-gray-500">
+            Scala collection type
+          </span>
+          <Select
+            options={[
+              { value: 'array', text: 'Array' },
+              { value: 'list', text: 'List' }
+            ]}
+            value={context?.scalaCollectionType}
+            onChange={onChangeCollectionType}
+            className="shadow-outline-blue cursor-pointer"
+          />
+        </label>
+      </li>
+    </ul>
+  );
+};
+
+export default ScalaGeneratorOptions;
diff --git a/modelina-website/src/helpers/GeneratorCode/ScalaGenerator.ts b/modelina-website/src/helpers/GeneratorCode/ScalaGenerator.ts
new file mode 100644
index 0000000000..b3137b292b
--- /dev/null
+++ b/modelina-website/src/helpers/GeneratorCode/ScalaGenerator.ts
@@ -0,0 +1,46 @@
+import { ModelinaScalaOptions } from '@/types';
+import {
+  getGeneralGeneratorCode,
+  renderGeneratorInstanceCode
+} from './GeneralGenerator';
+
+export function getScalaGeneratorCode(generatorOptions: ModelinaScalaOptions) {
+  const optionString: string[] = getGeneralGeneratorCode(
+    generatorOptions,
+    'scalaDefaultEnumKeyConstraints',
+    'scalaDefaultPropertyKeyConstraints',
+    'scalaDefaultModelNameConstraints'
+  );
+  const optionStringPresets: string[] = [];
+
+  if (generatorOptions.showTypeMappingExample === true) {
+    optionString.push(`typeMapping: {
+            Integer: ({ dependencyManager, constrainedModel, options, partOfProperty }) => {
+                // Add custom dependency for your type if required.
+    dependencyManager.addDependency('mod my;');
+
+    //Return the type for the integer model
+    return 'my::IntegerType';
+            }
+        }`);
+  }
+
+  const generateInstanceCode = renderGeneratorInstanceCode(
+    optionString,
+    optionStringPresets,
+    'ScalaGenerator'
+  );
+
+  return `// Use the following code as starting point
+// To generate the models exactly as displayed in the playground
+import {
+  ScalaGenerator,
+  IndentationTypes,
+  FormatHelpers,
+  scalaDefaultEnumKeyConstraints,
+  scalaDefaultModelNameConstraints,
+  scalaDefaultPropertyKeyConstraints
+} from '@asyncapi/modelina';
+
+${generateInstanceCode}`;
+}
diff --git a/modelina-website/src/pages/api/functions/ScalaGenerator.ts b/modelina-website/src/pages/api/functions/ScalaGenerator.ts
new file mode 100644
index 0000000000..f313c5a472
--- /dev/null
+++ b/modelina-website/src/pages/api/functions/ScalaGenerator.ts
@@ -0,0 +1,39 @@
+import { ModelProps, ModelinaScalaOptions } from "@/types";
+import { DeepPartial } from "../../../../../lib/types/utils";
+import { scalaDefaultEnumKeyConstraints, scalaDefaultModelNameConstraints, scalaDefaultPropertyKeyConstraints, ScalaGenerator, ScalaOptions } from "../../../../../";
+import { applyGeneralOptions, convertModelsToProps } from "./Helpers";
+
+/**
+ * This is the server side part of the Scala generator, that takes input and generator parameters to generate the models.
+ */
+
+export async function getScalaModels(
+    input:any,
+    generatorOptions: ModelinaScalaOptions
+): Promise<ModelProps[]> {
+    const options: DeepPartial<ScalaOptions> = {
+        presets: []
+    };
+    applyGeneralOptions(generatorOptions, options, scalaDefaultEnumKeyConstraints, scalaDefaultPropertyKeyConstraints, scalaDefaultModelNameConstraints);
+
+    if(generatorOptions.showTypeMappingExample) {
+        options.typeMapping = {
+            Integer: ({ dependencyManager }) => {
+                dependencyManager.addDependency('mod my;');
+                return 'my::IntegerType';
+            }
+        }
+    }
+
+    try {
+        const generator = new ScalaGenerator(options);
+        const generatedModels = await generator.generateCompleteModels(input, {
+            packageName: generatorOptions.scalaPackageName ?? 'asyncapi.models'
+        });
+        return convertModelsToProps(generatedModels);
+    } catch (e : any) {
+        console.error('Could not generate models');
+        console.error(e);
+        return e.message;
+    }
+}
\ No newline at end of file
diff --git a/modelina-website/src/pages/api/generate.ts b/modelina-website/src/pages/api/generate.ts
index 9d68155480..87a4ed5f3c 100644
--- a/modelina-website/src/pages/api/generate.ts
+++ b/modelina-website/src/pages/api/generate.ts
@@ -13,6 +13,7 @@ import { getDartModels } from '@/pages/api/functions/DartGenerator';
 import { getPythonModels } from '@/pages/api/functions/PythonGenerator';
 import { getRustModels } from '@/pages/api/functions/RustGenerator';
 import { getCSharpModels } from '@/pages/api/functions/CSharpGenerator';
+import { getScalaModels } from './functions/ScalaGenerator';
 import { getCplusplusModels } from './functions/CplusplusGenerator';
 import { getKotlinModels } from './functions/KotlinGenerator';
 import { getPhpModels } from './functions/PhpGenerator';
@@ -36,6 +37,7 @@ export async function generateNewCode(message: GenerateMessage): Promise<UpdateM
     'go': getGoModels,    
     'csharp': getCSharpModels,
     'rust': getRustModels,
+    'scala': getScalaModels,
     'python': getPythonModels,
     'kotlin': getKotlinModels,
     'dart': getDartModels,
diff --git a/modelina-website/src/types/index.ts b/modelina-website/src/types/index.ts
index 77f4182ec6..233c80bd54 100644
--- a/modelina-website/src/types/index.ts
+++ b/modelina-website/src/types/index.ts
@@ -70,6 +70,10 @@ export interface ModelinaKotlinOptions extends ModelinaGeneralOptions {
   kotlinPackageName?: string;
 }
 export interface ModelinaRustOptions extends ModelinaGeneralOptions {}
+export interface ModelinaScalaOptions extends ModelinaGeneralOptions {
+  scalaCollectionType: 'List' | 'Array' | undefined;
+  scalaPackageName?: string;
+}
 export interface ModelinaPythonOptions extends ModelinaGeneralOptions {}
 export interface ModelinaDartOptions extends ModelinaGeneralOptions {}
 export interface ModelinaGeneralOptions {
@@ -81,6 +85,7 @@ export interface ModelinaGeneralOptions {
     | 'csharp'
     | 'kotlin'
     | 'rust'
+    | 'scala'
     | 'python'
     | 'dart'
     | 'cplusplus'
@@ -149,6 +154,10 @@ export interface ModelinaKotlinQueryOptions {
   kotlinPackageName?: string;
 }
 export interface ModelinaRustQueryOptions {}
+export interface ModelinaScalaQueryOptions {
+  scalaCollectionType?: string;
+  scalaPackageName?: string;
+}
 export interface ModelinaPythonQueryOptions {}
 export interface ModelinaCplusplusQueryOptions {
   cplusplusNamespace?: string;
@@ -178,6 +187,7 @@ export interface ModelinaOptions
     ModelinaCSharpOptions,
     ModelinaKotlinOptions,
     ModelinaRustOptions,
+    ModelinaScalaOptions,
     ModelinaPythonOptions,
     ModelinaDartOptions,
     ModelinaPhpOptions, 
@@ -192,6 +202,7 @@ export interface ModelinaQueryOptions
     ModelinaCSharpQueryOptions,
     ModelinaKotlinQueryOptions,
     ModelinaRustQueryOptions,
+    ModelinaScalaQueryOptions,
     ModelinaPythonQueryOptions,
     ModelinaCplusplusQueryOptions,
     ModelinaDartQueryOptions,
@@ -229,6 +240,9 @@ export const modelinaLanguageOptions = [
     value: 'rust',
     text: 'Rust'
   },
+  { value: 'scala',
+    text: 'Scala'
+  },
   {
     value: 'python',
     text: 'Python'