diff --git a/app/apps/import_app/forms.py b/app/apps/import_app/forms.py
new file mode 100644
index 0000000..78ee3d7
--- /dev/null
+++ b/app/apps/import_app/forms.py
@@ -0,0 +1,58 @@
+from crispy_forms.bootstrap import FormActions
+from crispy_forms.helper import FormHelper
+from crispy_forms.layout import (
+    Layout,
+)
+from django import forms
+from django.utils.translation import gettext_lazy as _
+from django_ace import AceWidget
+
+from apps.import_app.models import ImportProfile
+from apps.common.widgets.crispy.submit import NoClassSubmit
+
+
+class ImportProfileForm(forms.ModelForm):
+    class Meta:
+        model = ImportProfile
+        fields = [
+            "name",
+            "version",
+            "yaml_config",
+        ]
+
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+
+        self.helper = FormHelper()
+        self.helper.form_tag = False
+        self.helper.form_method = "post"
+        self.helper.layout = Layout("name", "version", "yaml_config")
+
+        if self.instance and self.instance.pk:
+            self.helper.layout.append(
+                FormActions(
+                    NoClassSubmit(
+                        "submit", _("Update"), css_class="btn btn-outline-primary w-100"
+                    ),
+                ),
+            )
+        else:
+            self.helper.layout.append(
+                FormActions(
+                    NoClassSubmit(
+                        "submit", _("Add"), css_class="btn btn-outline-primary w-100"
+                    ),
+                ),
+            )
+
+
+class ImportRunFileUploadForm(forms.Form):
+    file = forms.FileField(label=_("Select a file"))
+
+    def __init__(self, *args, **kwargs):
+        super().__init__(*args, **kwargs)
+
+        self.helper = FormHelper()
+        self.helper.form_tag = False
+        self.helper.form_method = "post"
+        self.helper.layout = Layout("file")
diff --git a/app/templates/import_app/fragments/profiles/add.html b/app/templates/import_app/fragments/profiles/add.html
new file mode 100644
index 0000000..beda873
--- /dev/null
+++ b/app/templates/import_app/fragments/profiles/add.html
@@ -0,0 +1,11 @@
+{% extends 'extends/offcanvas.html' %}
+{% load i18n %}
+{% load crispy_forms_tags %}
+
+{% block title %}{% translate 'Add new import profile' %}{% endblock %}
+
+{% block body %}
+<form hx-post="{% url 'import_profiles_add' %}" hx-target="#generic-offcanvas" novalidate>
+    {% crispy form %}
+</form>
+{% endblock %}
diff --git a/app/templates/import_app/fragments/profiles/edit.html b/app/templates/import_app/fragments/profiles/edit.html
new file mode 100644
index 0000000..fa94bef
--- /dev/null
+++ b/app/templates/import_app/fragments/profiles/edit.html
@@ -0,0 +1,11 @@
+{% extends 'extends/offcanvas.html' %}
+{% load i18n %}
+{% load crispy_forms_tags %}
+
+{% block title %}{% translate 'Edit import profile' %}{% endblock %}
+
+{% block body %}
+<form hx-post="{% url 'import_profile_edit' profile_id=profile.id %}" hx-target="#generic-offcanvas" novalidate>
+    {% crispy form %}
+</form>
+{% endblock %}
diff --git a/app/templates/import_app/fragments/profiles/list.html b/app/templates/import_app/fragments/profiles/list.html
new file mode 100644
index 0000000..f1f34d2
--- /dev/null
+++ b/app/templates/import_app/fragments/profiles/list.html
@@ -0,0 +1,65 @@
+{% load i18n %}
+<div class="container px-md-3 py-3 column-gap-5">
+  <div class="tw-text-3xl fw-bold font-monospace tw-w-full mb-3">
+    {% spaceless %}
+    <div>{% translate 'Import Profiles' %}<span>
+      <a class="text-decoration-none tw-text-2xl p-1 category-action"
+                role="button"
+                data-bs-toggle="tooltip"
+                data-bs-title="{% translate "Add" %}"
+                hx-get="{% url 'import_profiles_add' %}"
+                hx-target="#generic-offcanvas">
+            <i class="fa-solid fa-circle-plus fa-fw"></i></a>
+    </span></div>
+    {% endspaceless %}
+  </div>
+
+  <div class="card">
+    <div class="card-body table-responsive">
+      {% if profiles %}
+      <c-config.search></c-config.search>
+      <table class="table table-hover text-nowrap">
+        <thead>
+          <tr>
+            <th scope="col" class="col-auto"></th>
+            <th scope="col" class="col">{% translate 'Name' %}</th>
+            <th scope="col" class="col">{% translate 'Version' %}</th>
+          </tr>
+        </thead>
+        <tbody>
+          {% for profile in profiles %}
+          <tr class="profile">
+            <td class="col-auto">
+              <div class="btn-group" role="group" aria-label="{% translate 'Actions' %}">
+                <a class="btn btn-secondary btn-sm"
+                      role="button"
+                      data-bs-toggle="tooltip"
+                      data-bs-title="{% translate "Edit" %}"
+                      hx-get="{% url 'import_profile_edit' profile_id=profile.id %}"
+                      hx-target="#generic-offcanvas">
+                  <i class="fa-solid fa-pencil fa-fw"></i></a>
+{#                <a class="btn btn-secondary btn-sm text-danger"#}
+{#                        role="button"#}
+{#                        data-bs-toggle="tooltip"#}
+{#                        data-bs-title="{% translate "Delete" %}"#}
+{#                        hx-delete="{% url 'account_delete' pk=account.id %}"#}
+{#                        hx-trigger='confirmed'#}
+{#                        data-bypass-on-ctrl="true"#}
+{#                        data-title="{% translate "Are you sure?" %}"#}
+{#                        data-text="{% translate "You won't be able to revert this!" %}"#}
+{#                        data-confirm-text="{% translate "Yes, delete it!" %}"#}
+{#                        _="install prompt_swal"><i class="fa-solid fa-trash fa-fw"></i></a>#}
+{#              </div>#}
+            </td>
+            <td class="col">{{ profile.name }}</td>
+            <td class="col">{{ profile.get_version_display }}</td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+      {% else %}
+      <c-msg.empty title="{% translate "No accounts" %}" remove-padding></c-msg.empty>
+      {% endif %}
+    </div>
+  </div>
+</div>
diff --git a/app/templates/import_app/fragments/runs/add.html b/app/templates/import_app/fragments/runs/add.html
new file mode 100644
index 0000000..d5a5b89
--- /dev/null
+++ b/app/templates/import_app/fragments/runs/add.html
@@ -0,0 +1,11 @@
+{% extends 'extends/offcanvas.html' %}
+{% load i18n %}
+{% load crispy_forms_tags %}
+
+{% block title %}{% translate 'Import file' %}{% endblock %}
+
+{% block body %}
+<form hx-post="{% url 'import_run_add' profile_id=profile.id %}" hx-target="#generic-offcanvas" novalidate>
+    {% crispy form %}
+</form>
+{% endblock %}
diff --git a/app/templates/import_app/fragments/runs/list.html b/app/templates/import_app/fragments/runs/list.html
new file mode 100644
index 0000000..0697d26
--- /dev/null
+++ b/app/templates/import_app/fragments/runs/list.html
@@ -0,0 +1,9 @@
+{% extends 'extends/offcanvas.html' %}
+{% load i18n %}
+{% load crispy_forms_tags %}
+
+{% block title %}{% translate 'Runs for ' %}{{ profile.name }}{% endblock %}
+
+{% block body %}
+
+{% endblock %}