diff --git a/ui/src/App.js b/ui/src/App.js
index a17b05537..9235bbece 100644
--- a/ui/src/App.js
+++ b/ui/src/App.js
@@ -11,6 +11,7 @@ import user from './user'
 import song from './song'
 import album from './album'
 import artist from './artist'
+import playlist from './playlist'
 import { Player, playQueueReducer } from './audioplayer'
 import { albumViewReducer } from './album/albumState'
 import customRoutes from './routes'
@@ -46,6 +47,11 @@ const App = () => (
         <Resource name="album" {...album} options={{ subMenu: 'library' }} />,
         <Resource name="artist" {...artist} options={{ subMenu: 'library' }} />,
         <Resource name="song" {...song} options={{ subMenu: 'library' }} />,
+        <Resource
+          name="playlist"
+          {...playlist}
+          options={{ subMenu: 'library' }}
+        />,
         permissions === 'admin' ? (
           <Resource name="user" {...user} options={{ subMenu: 'settings' }} />
         ) : null,
diff --git a/ui/src/i18n/en.json b/ui/src/i18n/en.json
index adc32299b..0fbe74b0c 100644
--- a/ui/src/i18n/en.json
+++ b/ui/src/i18n/en.json
@@ -54,6 +54,17 @@
                 "songCount": "Song Count"
             }
         },
+        "playlist": {
+            "name": "Playlist |||| Playlists",
+            "fields": {
+                "name": "Name",
+                "duration": "Duration",
+                "owner": "Owner",
+                "public": "Public",
+                "updatedAt":"Updated at",
+                "createdAt": "Created at"
+            }
+        },
         "user": {
             "name": "User |||| Users",
             "fields": {
diff --git a/ui/src/playlist/PlaylistList.js b/ui/src/playlist/PlaylistList.js
new file mode 100644
index 000000000..2c8bdf966
--- /dev/null
+++ b/ui/src/playlist/PlaylistList.js
@@ -0,0 +1,23 @@
+import React from 'react'
+import { List, Datagrid, TextField, BooleanField, DateField } from 'react-admin'
+import { DurationField, Title } from '../common'
+
+const PlaylistList = (props) => (
+  <List
+    {...props}
+    title={
+      <Title subTitle={'resources.playlist.name'} args={{ smart_count: 2 }} />
+    }
+    exporter={false}
+  >
+    <Datagrid rowClick="edit">
+      <TextField source="Name" />
+      <TextField source="Owner" />
+      <BooleanField source="Public" />
+      <DateField source="UpdatedAt" />
+      <DurationField source="Duration" />
+    </Datagrid>
+  </List>
+)
+
+export default PlaylistList
diff --git a/ui/src/playlist/index.js b/ui/src/playlist/index.js
new file mode 100644
index 000000000..e518832c3
--- /dev/null
+++ b/ui/src/playlist/index.js
@@ -0,0 +1,7 @@
+import PlaylistIcon from '../icons/Playlist'
+import PlaylistList from './PlaylistList'
+
+export default {
+  icon: PlaylistIcon,
+  list: PlaylistList,
+}