diff --git a/apps/frontend/lib/frontend_web/components/domains/domain_component.ex b/apps/frontend/lib/frontend_web/components/domains/domain_component.ex
new file mode 100644
index 00000000..a2459017
--- /dev/null
+++ b/apps/frontend/lib/frontend_web/components/domains/domain_component.ex
@@ -0,0 +1,9 @@
+defmodule FrontendWeb.DomainComponent do
+  use FrontendWeb, :component
+
+  def render(assigns \\ %{}) do
+    ~H"""
+
+    """
+  end
+end
diff --git a/apps/frontend/lib/frontend_web/components/domains/mediator_component.ex b/apps/frontend/lib/frontend_web/components/domains/mediator_component.ex
new file mode 100644
index 00000000..5ded9ed3
--- /dev/null
+++ b/apps/frontend/lib/frontend_web/components/domains/mediator_component.ex
@@ -0,0 +1,15 @@
+defmodule FrontendWeb.Domain.MediatorComponent do
+  use FrontendWeb, :component
+
+  def render(assigns \\ %{}) do
+    ~H"""
+
+    """
+  end
+
+  def render_item(assigns \\ %{}) do
+    ~H"""
+
+    """
+  end
+end
diff --git a/apps/frontend/lib/frontend_web/components/predicates/predicate_component.ex b/apps/frontend/lib/frontend_web/components/predicates/predicate_component.ex
new file mode 100644
index 00000000..0fe0daf3
--- /dev/null
+++ b/apps/frontend/lib/frontend_web/components/predicates/predicate_component.ex
@@ -0,0 +1,15 @@
+defmodule FrontendWeb.PredicateComponent do
+  use FrontendWeb, :component
+
+  def render(assigns \\ %{}) do
+    ~H"""
+
+    """
+  end
+
+  def render_header(assigns \\ %{}) do
+    ~H"""
+
+    """
+  end
+end
diff --git a/apps/frontend/lib/frontend_web/live/modal_live.ex b/apps/frontend/lib/frontend_web/live/modal_live.ex
index e37cd0c7..8a13c895 100644
--- a/apps/frontend/lib/frontend_web/live/modal_live.ex
+++ b/apps/frontend/lib/frontend_web/live/modal_live.ex
@@ -1,6 +1,5 @@
 defmodule FrontendWeb.ModalLive do
-  use Phoenix.Component
-  use Phoenix.HTML
+  use FrontendWeb, :component
 
   def render(assigns) do
     ~H"""