diff --git a/src/use-cases/task/components/NewTaskForm.test.ts b/src/use-cases/task/components/NewTaskForm.test.ts
new file mode 100644
index 0000000..bb0a155
--- /dev/null
+++ b/src/use-cases/task/components/NewTaskForm.test.ts
@@ -0,0 +1,11 @@
+import { mount } from '@vue/test-utils'
+import { describe, expect, it } from 'vitest'
+import NewTaskVue from './NewTaskForm.vue'
+
+describe('New Task Form', () => {
+  it('displays New Task Form title', () => {
+    const wrapper = mount(NewTaskVue)
+
+    expect(wrapper.text()).toContain('New Task Form')
+  })
+})
diff --git a/src/use-cases/task/components/NewTaskForm.vue b/src/use-cases/task/components/NewTaskForm.vue
new file mode 100644
index 0000000..0edc67c
--- /dev/null
+++ b/src/use-cases/task/components/NewTaskForm.vue
@@ -0,0 +1,13 @@
+<template>
+  <div>
+    <h1>New Task Form</h1>
+    <form @submit.prevent>
+      <label for="title">Title</label>
+      <input type="text" id="title" />
+    </form>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>