diff --git a/Rendelosch/Pages/CreateForm.cshtml b/Rendelosch/Pages/CreateForm.cshtml
new file mode 100644
index 0000000000000000000000000000000000000000..81af4fcc427fb19f4e55d21467a391b11dbd221b
--- /dev/null
+++ b/Rendelosch/Pages/CreateForm.cshtml
@@ -0,0 +1,56 @@
+@page
+@using Rendelosch.Models
+@model Rendelosch.Pages.CreateForm
+
+@{
+    ViewData["Title"] = "CreateForm";
+}
+
+<div class="container-lg mt-4">
+    <form method="post">
+        <div class="card">
+            <div class="card-body d-flex flex-column">
+                <div class="d-flex flex-row">
+                    <label>Űrlap neve:</label>
+                    <input type="text" class="ms-2"/>
+                </div>
+                <div id="fields" class="mt-4 d-flex flex-column gap-2"></div>
+                <div class="d-flex flex-row mt-4 gap-2">
+                    <input type="text" id="field_id" placeholder="ID"/>
+                    <input type="text" id="field_name" placeholder="Megnevezés"/>
+                    <button type="button" class="btn btn-outline-primary" onclick="addField()">
+                        Új mező hozzáadása
+                    </button>
+                </div>
+                <div>
+                    <input class="btn btn-primary mt-4" type="submit"/>
+                </div>
+            </div>
+        </div>
+    </form>
+</div>
+
+<script>
+    function addField() {
+        // Get input fields
+        const input_id = document.getElementById("field_id"); // ID of the field
+        const input_name = document.getElementById("field_name"); // Name of the field
+        const fields = document.getElementById("fields"); // Div for displayed fields
+        
+        // Displayed field
+        const field_div = document.createElement("div");
+        field_div.innerHTML = "<p class='mb-0'>" + input_name.value + " (ID: " + input_id.value + ")</p>";
+        fields.appendChild(field_div);
+        
+        // Hidden input field for each created fields
+        const field_hidden = document.createElement("input");
+        field_hidden.type = "hidden";
+        field_hidden.name = "fields";
+        field_hidden.value = input_id.value + ";" + input_name.value;
+        field_div.appendChild(field_hidden);
+        
+        // Clear input fields
+        input_id.value = "";
+        input_name.value = "";
+    }
+</script>
\ No newline at end of file
diff --git a/Rendelosch/Pages/CreateForm.cshtml.cs b/Rendelosch/Pages/CreateForm.cshtml.cs
new file mode 100644
index 0000000000000000000000000000000000000000..e42feb8c3296662bb4584022fd15494d9a67c0bc
--- /dev/null
+++ b/Rendelosch/Pages/CreateForm.cshtml.cs
@@ -0,0 +1,11 @@
+using Microsoft.AspNetCore.Mvc.RazorPages;
+
+namespace Rendelosch.Pages;
+
+public class CreateForm : PageModel
+{
+    public void OnGet()
+    {
+        
+    }
+}
\ No newline at end of file
diff --git a/Rendelosch/Pages/Index.cshtml b/Rendelosch/Pages/Index.cshtml
index 01e97a7975b8df7c3d5d168340bcd5b23d080528..7d23efced917a94107e3cc77f2b2dd4861d2a9dc 100644
--- a/Rendelosch/Pages/Index.cshtml
+++ b/Rendelosch/Pages/Index.cshtml
@@ -5,7 +5,7 @@
 }
 
 <div class="container-lg">
-    <a class="btn btn-primary my-4" asp-page="CreateProductForm">Create Product Form</a>
+    <a class="btn btn-primary my-4" asp-page="CreateForm">Create Product Form</a>
     <div>
         @{
             foreach (var productForm in Model.Repository.GetProductForms())