diff --git a/resources/views/admin/users/index.blade.php b/resources/views/admin/users/index.blade.php
index af030ae..e22c908 100644
--- a/resources/views/admin/users/index.blade.php
+++ b/resources/views/admin/users/index.blade.php
@@ -3,6 +3,29 @@
         <x-slot:header class="bg-brand-700!">Users</x-slot:header>
         <x-slot:body class="bg-white! border border-brand-700">
 
+            <div class="py-3">
+                <x-table>
+                    <x-slot:header>
+                        <x-table.th>Name</x-table.th>
+                        <x-table.th>Email</x-table.th>
+
+                    </x-slot:header>
+                    @foreach($users as $user)
+                        <tr>
+                            <x-table.td>{{ $user->name }}</x-table.td>
+                            <x-table.td>{{ $user->email }}</x-table.td>
+                        </tr>
+                    @endforeach
+                </x-table>
+            </div>
+
+
+
+
+
+
+
+
         </x-slot:body>
     </x-card>
 </x-layout.admin>
diff --git a/resources/views/components/table/table.blade.php b/resources/views/components/table/table.blade.php
new file mode 100644
index 0000000..faa96c6
--- /dev/null
+++ b/resources/views/components/table/table.blade.php
@@ -0,0 +1,24 @@
+@props(['header' => null])
+<div class="px-3">
+    <div class="flow-root">
+        <div class="-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8">
+            <div class="inline-block min-w-full py-2 align-middle sm:px-6 lg:px-8">
+                <div
+                    class="overflow-hidden shadow-sm outline-1 outline-black/5 sm:rounded-lg dark:shadow-none dark:-outline-offset-1 dark:outline-white/10">
+                    <table class="relative min-w-full divide-y divide-gray-300 dark:divide-white/15">
+                        @if($header)
+                            <thead class="bg-gray-100 dark:bg-gray-800/75">
+                            <tr>
+                                {{ $header }}
+                            </tr>
+                            </thead>
+                        @endif
+                        <tbody class="divide-y divide-gray-200 bg-white dark:divide-white/10 dark:bg-gray-800/50">
+                            {{ $slot }}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/resources/views/components/table/td.blade.php b/resources/views/components/table/td.blade.php
new file mode 100644
index 0000000..875d1bc
--- /dev/null
+++ b/resources/views/components/table/td.blade.php
@@ -0,0 +1,7 @@
+@props(['emphasis'=>false])
+<td {{ $attributes->class([
+    'py-4 pr-3 pl-4 text-sm font-medium whitespace-nowrap text-gray-900 sm:pl-6 dark:text-white' => $emphasis,
+    'px-3 py-4 text-sm whitespace-nowrap text-gray-500 dark:text-gray-400' => ! $emphasis
+]) }}>
+    {{ $slot }}
+</td>
diff --git a/resources/views/components/table/th.blade.php b/resources/views/components/table/th.blade.php
new file mode 100644
index 0000000..c773a33
--- /dev/null
+++ b/resources/views/components/table/th.blade.php
@@ -0,0 +1,3 @@
+<th scope="col" {{ $attributes->merge(['class'=>'py-3.5 text-left text-sm font-semibold text-gray-900 sm:pl-6 dark:text-gray-200']) }}>
+    {{ $slot }}
+</th>