diff --git a/resources/views/filaments/index.blade.php b/resources/views/filaments/index.blade.php
new file mode 100644
index 0000000..e994aed
--- /dev/null
+++ b/resources/views/filaments/index.blade.php
@@ -0,0 +1,29 @@
+<x-app-layout>
+  <x-slot name="header">
+          {{ __('Filaments') }}
+  </x-slot>
+
+  <x-slot name="headeraction">
+    <div class="flex gap-4 justify-end">
+      <a href="{{ route('filaments.create') }}" class="bg-zinc-500 hover:bg-green-500 text-zinc-50 hover:text-zinc-700 font-bold text-base py-2 px-4 rounded cursor-pointer">Create</a>
+    </div>
+  </x-slot>
+
+  <div class="py-12">
+      <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+          <div class="bg-white dark:bg-zinc-700 overflow-hidden shadow-xl sm:rounded-lg">
+            <ul class="">
+              <li class="flex gap-6  bg-zinc-50 dark:bg-zinc-900 p-2 px-4"><div class="">ID</div><div class="">Name</div><div class="">Options</div></li>
+              @foreach ($types as $type)
+                <li class="flex gap-6 py-3 px-4 items-center">  
+                  <div class="p-2">{{ $type->id }}</div>
+                  <div class="p-2"><a href="/types/{{ $type->id }}">{{ $type->name }}</a></div>
+                  <div class="px-2"><a href="{{ route('types.edit', $type->id) }}"><flux:icon.ellipsis class="hover:text-zinc-50 hover:bg-zinc-500 stroke-3 rounded "/></a></div>
+                </li>
+              @endforeach
+            </ul>
+            
+          </div>
+      </div>
+  </div>
+</x-app-layout>