diff --git a/app/components/icons/key-outline.js b/app/components/icons/key-outline.js
new file mode 100644
index 0000000..9f3558e
--- /dev/null
+++ b/app/components/icons/key-outline.js
@@ -0,0 +1 @@
+export { KeyOutline as default } from 'ember-mdi';
diff --git a/app/components/royal-table/column.hbs b/app/components/royal-table/column.hbs
index fee1832..508033c 100644
--- a/app/components/royal-table/column.hbs
+++ b/app/components/royal-table/column.hbs
@@ -26,8 +26,10 @@
     {{/if}}
     {{#if (has-block 'name')}}
       {{yield to='name'}}
-    {{else}}
+    {{else if @name}}
       {{@name}}
+    {{else if @prop}}
+      {{capitalize @prop}}
     {{/if}}
   </th>
 {{else if this.isBody}}
diff --git a/app/router.js b/app/router.js
index c83ba01..0999403 100644
--- a/app/router.js
+++ b/app/router.js
@@ -15,6 +15,9 @@ Router.map(function () {
         this.route('info');
       });
     });
+    this.route('keys', function () {
+      this.route('key');
+    });
   });
   this.route('login');
 });
diff --git a/app/routes/admin/keys.js b/app/routes/admin/keys.js
new file mode 100644
index 0000000..b92f324
--- /dev/null
+++ b/app/routes/admin/keys.js
@@ -0,0 +1,10 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default class AdminKeysRoute extends Route {
+  @service meilisearch;
+
+  model() {
+    return this.meilisearch.getKeys();
+  }
+}
diff --git a/app/routes/admin/keys/key.js b/app/routes/admin/keys/key.js
new file mode 100644
index 0000000..17008f9
--- /dev/null
+++ b/app/routes/admin/keys/key.js
@@ -0,0 +1,3 @@
+import Route from '@ember/routing/route';
+
+export default class AdminKeysKeyRoute extends Route {}
diff --git a/app/services/meilisearch.js b/app/services/meilisearch.js
index c0e7443..3a78d52 100644
--- a/app/services/meilisearch.js
+++ b/app/services/meilisearch.js
@@ -20,4 +20,8 @@ export default class MeilisearchService extends Service {
   getStats() {
     return query('stats');
   }
+
+  getKeys() {
+    return query('keys');
+  }
 }
diff --git a/app/templates/admin.hbs b/app/templates/admin.hbs
index eb56552..2cf473a 100644
--- a/app/templates/admin.hbs
+++ b/app/templates/admin.hbs
@@ -25,6 +25,10 @@
           {{/each}}
           {{! TODO: add link "create new index" }}
           <div class='border-t my-4'></div>
+          <LinkTo @route='admin.keys' class={{linkClass}}>
+            <Icons::KeyOutline class='mr-1' />
+            Keys
+          </LinkTo>
           <a
             href='https://docs.meilisearch.com/'
             class={{linkClass}}
diff --git a/app/templates/admin/keys.hbs b/app/templates/admin/keys.hbs
new file mode 100644
index 0000000..8e9e706
--- /dev/null
+++ b/app/templates/admin/keys.hbs
@@ -0,0 +1,13 @@
+<h1 class='text-3xl mb-4'>Keys</h1>
+
+<RoyalTable @data={{@model.results}} class='w-full' as |Row data|>
+  <Row as |Column|>
+    <Column @prop='name'>
+      <LinkTo @route='admin.keys.key' @model={{data.uid}}>
+        {{data.name}}
+      </LinkTo>
+    </Column>
+    <Column @prop='actions' />
+    <Column @prop='indexes' />
+  </Row>
+</RoyalTable>
diff --git a/app/templates/admin/keys/key.hbs b/app/templates/admin/keys/key.hbs
new file mode 100644
index 0000000..436ef93
--- /dev/null
+++ b/app/templates/admin/keys/key.hbs
@@ -0,0 +1,2 @@
+{{page-title "Key"}}
+{{outlet}}
\ No newline at end of file
diff --git a/tests/unit/routes/admin/keys-test.js b/tests/unit/routes/admin/keys-test.js
new file mode 100644
index 0000000..edcdb59
--- /dev/null
+++ b/tests/unit/routes/admin/keys-test.js
@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'meiliadmin/tests/helpers';
+
+module('Unit | Route | admin/keys', function (hooks) {
+  setupTest(hooks);
+
+  test('it exists', function (assert) {
+    let route = this.owner.lookup('route:admin/keys');
+    assert.ok(route);
+  });
+});
diff --git a/tests/unit/routes/admin/keys/key-test.js b/tests/unit/routes/admin/keys/key-test.js
new file mode 100644
index 0000000..8ea18ba
--- /dev/null
+++ b/tests/unit/routes/admin/keys/key-test.js
@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'meiliadmin/tests/helpers';
+
+module('Unit | Route | admin/keys/key', function (hooks) {
+  setupTest(hooks);
+
+  test('it exists', function (assert) {
+    let route = this.owner.lookup('route:admin/keys/key');
+    assert.ok(route);
+  });
+});