diff --git a/data/gtk-style.css b/data/gtk-style.css
index a83fec6ec1ed626e5bfdadd869c7f98f24e0736f..83ae1888d23c60016716e5cd6de19eddcea195af 100644
--- a/data/gtk-style.css
+++ b/data/gtk-style.css
@@ -1,6 +1,6 @@
 /* This file is part of GNOME Games. License: GPL-3.0+. */
 
-gamescollectioniconview .frame {
+.content-view {
 	background-color: @theme_base_color;
 }
 
diff --git a/data/org.gnome.Games.gresource.xml b/data/org.gnome.Games.gresource.xml
index c2cdf35c6f26f064a57da36e9f6369b14001e094..73e9baf085b6978fd87face56b6c3b0e054bafae 100644
--- a/data/org.gnome.Games.gresource.xml
+++ b/data/org.gnome.Games.gresource.xml
@@ -14,6 +14,7 @@
     <file preprocess="xml-stripblanks">ui/collection-box.ui</file>
     <file preprocess="xml-stripblanks">ui/collection-header-bar.ui</file>
     <file preprocess="xml-stripblanks">ui/collection-icon-view.ui</file>
+    <file preprocess="xml-stripblanks">ui/developer-list-item.ui</file>
     <file preprocess="xml-stripblanks">ui/display-box.ui</file>
     <file preprocess="xml-stripblanks">ui/display-header-bar.ui</file>
     <file preprocess="xml-stripblanks">ui/dummy-display.ui</file>
@@ -29,6 +30,7 @@
     <file preprocess="xml-stripblanks">ui/keyboard-tester.ui</file>
     <file preprocess="xml-stripblanks">ui/media-menu-button.ui</file>
     <file preprocess="xml-stripblanks">ui/media-selector.ui</file>
+    <file preprocess="xml-stripblanks">ui/platform-list-item.ui</file>
     <file preprocess="xml-stripblanks">ui/preferences-page-controllers.ui</file>
     <file preprocess="xml-stripblanks">ui/preferences-page-plugins.ui</file>
     <file preprocess="xml-stripblanks">ui/preferences-page-plugins-item.ui</file>
@@ -41,5 +43,6 @@
     <file preprocess="xml-stripblanks">ui/resume-failed-dialog.ui</file>
     <file preprocess="xml-stripblanks">ui/search-bar.ui</file>
     <file preprocess="xml-stripblanks">ui/shortcuts-window.ui</file>
+    <file preprocess="xml-stripblanks">ui/sidebar-view.ui</file>
   </gresource>
 </gresources>
diff --git a/data/ui/collection-box.ui b/data/ui/collection-box.ui
index fb1e6c369f7387c6da06bd0f5ecf202fe78f42d4..d3f14105ccfd5c091c65510546246779eb6c0020 100644
--- a/data/ui/collection-box.ui
+++ b/data/ui/collection-box.ui
@@ -25,9 +25,42 @@
         <property name="visible">True</property>
         <property name="can_focus">False</property>
         <child>
-          <object class="GamesCollectionIconView" id="icon_view">
+          <object class="GtkStack" id="viewstack">
             <property name="visible">True</property>
-            <signal name="game-activated" handler="on_game_activated"/>
+            <property name="can_focus">False</property>
+            <property name="visible-child">collection_view</property>
+            <property name="transition-type">GTK_STACK_TRANSITION_TYPE_CROSSFADE</property>
+            <signal name="notify::visible-child" handler="on_visible_child_changed"/>
+            <child>
+              <object class="GamesCollectionIconView" id="collection_view">
+                <property name="visible">True</property>
+                <signal name="game-activated" handler="on_game_activated"/>
+              </object>
+              <packing>
+                <property name="name">games</property>
+                <property name="title" translatable="yes">Games</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GamesDevelopersView" id="developer_view">
+                <property name="visible">True</property>
+                <signal name="game-activated" handler="on_game_activated"/>
+              </object>
+              <packing>
+                <property name="name">developer</property>
+                <property name="title" translatable="yes">Developers</property>
+              </packing>
+            </child>
+            <child>
+              <object class="GamesPlatformsView" id="platform_view">
+                <property name="visible">True</property>
+                <signal name="game-activated" handler="on_game_activated"/>
+              </object>
+              <packing>
+                <property name="name">platform</property>
+                <property name="title" translatable="yes">Platforms</property>
+              </packing>
+            </child>
           </object>
         </child>
         <child type="overlay">
diff --git a/data/ui/collection-header-bar.ui b/data/ui/collection-header-bar.ui
index 45ef2d7961ab5fd179e6e5784d5111dfec6d268a..93e53da86d8f3d5a39adc2d502f9cb7dc4eac06b 100644
--- a/data/ui/collection-header-bar.ui
+++ b/data/ui/collection-header-bar.ui
@@ -4,7 +4,6 @@
   <template class="GamesCollectionHeaderBar" parent="GtkHeaderBar">
     <property name="visible">True</property>
     <property name="can_focus">False</property>
-    <property name="title" translatable="yes">Games</property>
     <child>
       <object class="GtkButton" id="add_game">
         <property name="visible">True</property>
@@ -54,6 +53,11 @@
         <property name="pack-type">end</property>
       </packing>
     </child>
+    <child type="title">
+      <object class="GtkStackSwitcher" id="view_switcher">
+        <property name="visible">True</property>
+      </object>
+    </child>
     <child>
       <object class="GtkToggleButton" id="search">
         <property name="visible">True</property>
diff --git a/data/ui/developer-list-item.ui b/data/ui/developer-list-item.ui
new file mode 100644
index 0000000000000000000000000000000000000000..b80940bb9b0870db345acef95b5ab726edec1317
--- /dev/null
+++ b/data/ui/developer-list-item.ui
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <template class="GamesDeveloperListItem" parent="GtkLabel">
+    <property name="visible">true</property>
+    <property name="vexpand">true</property>
+    <property name="margin">6</property>
+    <property name="wrap">true</property>
+    <property name="xalign">0</property>
+  </template>
+</interface>
\ No newline at end of file
diff --git a/data/ui/platform-list-item.ui b/data/ui/platform-list-item.ui
new file mode 100644
index 0000000000000000000000000000000000000000..3d0d47025e00a8874ae54ab2104cdf414bc2b985
--- /dev/null
+++ b/data/ui/platform-list-item.ui
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <template class="GamesPlatformListItem" parent="GtkLabel">
+    <property name="visible">true</property>
+    <property name="vexpand">true</property>
+    <property name="margin">6</property>
+    <property name="wrap">true</property>
+    <property name="xalign">0</property>
+  </template>
+</interface>
\ No newline at end of file
diff --git a/data/ui/sidebar-view.ui b/data/ui/sidebar-view.ui
new file mode 100644
index 0000000000000000000000000000000000000000..df5d65ac93ac06e7cfadff079aaa5c685764a1f4
--- /dev/null
+++ b/data/ui/sidebar-view.ui
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<interface>
+  <requires lib="gtk+" version="3.16"/>
+  <template class="GamesSidebarView" parent="GtkBox">
+    <property name="visible">True</property>
+    <property name="can-focus">False</property>
+    <property name="expand">True</property>
+    <child>
+      <object class="GtkScrolledWindow">
+        <property name="visible">True</property>
+        <property name="can-focus">False</property>
+        <property name="vexpand">True</property>
+        <property name="width_request">250</property>
+        <child>
+          <object class="GtkListBox" id="list_box">
+            <property name="visible">True</property>
+            <property name="can-focus">False</property>
+            <signal name="row-activated" handler="on_list_box_row_selected"/>
+            <style>
+              <class name="sidebar"/>
+            </style>
+          </object>
+        </child>
+      </object>
+    </child>
+    <child>
+      <object class="GamesCollectionIconView" id="collection_view">
+        <property name="visible">True</property>
+        <property name="can-focus">False</property>
+        <property name="expand">True</property>
+      </object>
+    </child>
+  </template>
+</interface>
diff --git a/plugins/desktop/src/desktop-plugin.vala b/plugins/desktop/src/desktop-plugin.vala
index b630f5faba69f0203ea5b39932e098e603de8f48..f9992737a9ffae36a3d464359763e51526f11412 100644
--- a/plugins/desktop/src/desktop-plugin.vala
+++ b/plugins/desktop/src/desktop-plugin.vala
@@ -2,6 +2,7 @@
 
 private class Games.DesktopPlugin : Object, Plugin {
 	private const string MIME_TYPE = "application/x-desktop";
+	private const string PLATFORM_NAME = _("Desktop");
 
 	public string[] get_mime_types () {
 		return { MIME_TYPE };
@@ -41,6 +42,7 @@ private class Games.DesktopPlugin : Object, Plugin {
 		var uid = new DesktopUid (app_info);
 		var title = new DesktopTitle (app_info);
 		var icon = new DesktopIcon (app_info);
+		var platform = new GenericPlatform (PLATFORM_NAME);
 
 		string[] args;
 		var command = app_info.get_commandline ();
@@ -48,7 +50,7 @@ private class Games.DesktopPlugin : Object, Plugin {
 			throw new CommandError.INVALID_COMMAND (_("Invalid command “%s”."), command);
 		var runner = new CommandRunner (args, true);
 
-		var game = new GenericGame (uid, title, runner);
+		var game = new GenericGame (uid, title, platform, runner);
 		game.set_icon (icon);
 
 		return game;
diff --git a/plugins/dreamcast/src/dreamcast-plugin.vala b/plugins/dreamcast/src/dreamcast-plugin.vala
index 427434f99b49ba74d7376d99d071d525469f1229..c191a2c3fdf5076ba567a9d84786d2b627accc0f 100644
--- a/plugins/dreamcast/src/dreamcast-plugin.vala
+++ b/plugins/dreamcast/src/dreamcast-plugin.vala
@@ -3,6 +3,7 @@
 private class Games.DreamcastPlugin : Object, Plugin {
 	private const string MIME_TYPE = "application/x-dc-rom";
 	private const string PLATFORM = "Dreamcast";
+	private const string PLATFORM_NAME = _("Dreamcast");
 
 	public string[] get_mime_types () {
 		return { MIME_TYPE };
@@ -35,10 +36,11 @@ private class Games.DreamcastPlugin : Object, Plugin {
 		var publisher = new GriloPublisher (media);
 		var description = new GriloDescription (media);
 		var rating = new GriloRating (media);
+		var platform = new GenericPlatform (PLATFORM_NAME);
 		var core_source = new RetroCoreSource (PLATFORM, { MIME_TYPE });
 		var runner = new RetroRunner (core_source, uri, uid, title);
 
-		var game = new GenericGame (uid, title, runner);
+		var game = new GenericGame (uid, title, platform, runner);
 		game.set_cover (cover);
 		game.set_release_date (release_date);
 		game.set_cooperative (cooperative);
diff --git a/plugins/game-cube/src/game-cube-plugin.vala b/plugins/game-cube/src/game-cube-plugin.vala
index 80a5b6a509c46305607ad3aa82621eba860f8063..40f63331dbf8f14fb0685bfe3ba538bafbffbf72 100644
--- a/plugins/game-cube/src/game-cube-plugin.vala
+++ b/plugins/game-cube/src/game-cube-plugin.vala
@@ -3,6 +3,7 @@
 private class Games.GameCubePlugin : Object, Plugin {
 	private const string MIME_TYPE = "application/x-gamecube-rom";
 	private const string PLATFORM = "GameCube";
+	private const string PLATFORM_NAME = _("Nintendo GameCube");
 
 	public string[] get_mime_types () {
 		return { MIME_TYPE };
@@ -35,10 +36,11 @@ private class Games.GameCubePlugin : Object, Plugin {
 		var publisher = new GriloPublisher (media);
 		var description = new GriloDescription (media);
 		var rating = new GriloRating (media);
+		var platform = new GenericPlatform (PLATFORM_NAME);
 		var core_source = new RetroCoreSource (PLATFORM, { MIME_TYPE });
 		var runner = new RetroRunner (core_source, uri, uid, title);
 
-		var game = new GenericGame (uid, title, runner);
+		var game = new GenericGame (uid, title, platform, runner);
 		game.set_cover (cover);
 		game.set_release_date (release_date);
 		game.set_cooperative (cooperative);
diff --git a/plugins/libretro/src/libretro-plugin.vala b/plugins/libretro/src/libretro-plugin.vala
index 0aa4d03988a4049d9b4ea8a29e087250ad5ed492..c8b212a72c5896e7c1e5356f568982357c379387 100644
--- a/plugins/libretro/src/libretro-plugin.vala
+++ b/plugins/libretro/src/libretro-plugin.vala
@@ -2,6 +2,7 @@
 
 private class Games.LibretroPlugin : Object, Plugin {
 	private const string LIBRETRO_FILE_SCHEME = "libretro+file";
+	private const string PLATFORM_NAME = _("Libretro");
 
 	public UriSource[] get_uri_sources () {
 		var source = new LibretroUriSource ();
@@ -31,9 +32,10 @@ private class Games.LibretroPlugin : Object, Plugin {
 		var uid = new LibretroUid (core_descriptor);
 		var title = new LibretroTitle (core_descriptor);
 		var icon = new LibretroIcon (core_descriptor);
+		var platform = new GenericPlatform (PLATFORM_NAME);
 		var runner = new RetroRunner.for_core_descriptor (core_descriptor, uid, title);
 
-		var game = new GenericGame (uid, title, runner);
+		var game = new GenericGame (uid, title, platform, runner);
 		game.set_icon (icon);
 
 		return game;
diff --git a/plugins/love/src/love-plugin.vala b/plugins/love/src/love-plugin.vala
index e83356d8162d25e5e70dee6756d6a2dcc2463f2a..3cbdac16f21115e3367d921141e73f387e5c47d1 100644
--- a/plugins/love/src/love-plugin.vala
+++ b/plugins/love/src/love-plugin.vala
@@ -3,6 +3,7 @@
 private class Games.LovePlugin : Object, Plugin {
 	private const string FINGERPRINT_PREFIX = "love";
 	private const string MIME_TYPE = "application/x-love-game";
+	private const string PLATFORM_NAME = _("LÖVE");
 
 	public string[] get_mime_types () {
 		return { MIME_TYPE };
@@ -22,10 +23,11 @@ private class Games.LovePlugin : Object, Plugin {
 		var title = new LoveTitle (package);
 		var icon = new LoveIcon (package);
 		var cover = new LocalCover (uri);
+		var platform = new GenericPlatform (PLATFORM_NAME);
 		string[] args = { "love", uri.to_string () };
 		var runner = new CommandRunner (args, true);
 
-		var game = new GenericGame (uid, title, runner);
+		var game = new GenericGame (uid, title, platform, runner);
 		game.set_icon (icon);
 		game.set_cover (cover);
 
diff --git a/plugins/mame/src/mame-game-uri-adapter.vala b/plugins/mame/src/mame-game-uri-adapter.vala
index b036d1936c2524b5548bed73df527a7d7ad6f72f..5e98250fbaed05c0b5ca0e2ef362c4bee19473c7 100644
--- a/plugins/mame/src/mame-game-uri-adapter.vala
+++ b/plugins/mame/src/mame-game-uri-adapter.vala
@@ -4,6 +4,7 @@ private class Games.MameGameUriAdapter : GameUriAdapter, Object {
 	private const string SEARCHED_MIME_TYPE = "application/zip";
 	private const string SPECIFIC_MIME_TYPE = "application/x-mame-rom";
 	private const string PLATFORM = "MAME";
+	private const string PLATFORM_NAME = _("Arcade");
 
 	public async Game game_for_uri (Uri uri) throws Error {
 		var supported_games = yield MameGameInfo.get_supported_games ();
@@ -25,13 +26,14 @@ private class Games.MameGameUriAdapter : GameUriAdapter, Object {
 		var title = new GenericTitle (title_string);
 
 		var cover = new LocalCover (uri);
+		var platform = new GenericPlatform (PLATFORM_NAME);
 		var core_source = new RetroCoreSource (PLATFORM, { SEARCHED_MIME_TYPE, SPECIFIC_MIME_TYPE });
 		var runner = new RetroRunner (core_source, uri, uid, title);
 
 		Idle.add (this.game_for_uri.callback);
 		yield;
 
-		var game = new GenericGame (uid, title, runner);
+		var game = new GenericGame (uid, title, platform, runner);
 		game.set_cover (cover);
 
 		return game;
diff --git a/plugins/nintendo-ds/src/nintendo-ds-plugin.vala b/plugins/nintendo-ds/src/nintendo-ds-plugin.vala
index 20cdee06ff657539be1394032c03b0fa4719f893..3c99199d1e63ce6065e00d4ff3f5f7fbce6717ff 100644
--- a/plugins/nintendo-ds/src/nintendo-ds-plugin.vala
+++ b/plugins/nintendo-ds/src/nintendo-ds-plugin.vala
@@ -4,6 +4,7 @@ private class Games.NintendoDsPlugin : Object, Plugin {
 	private const string FINGERPRINT_PREFIX = "nintendo-ds";
 	private const string MIME_TYPE = "application/x-nintendo-ds-rom";
 	private const string PLATFORM = "NintendoDS";
+	private const string PLATFORM_NAME = _("Nintendo DS");
 
 	public string[] get_mime_types () {
 		return { MIME_TYPE };
@@ -33,10 +34,11 @@ private class Games.NintendoDsPlugin : Object, Plugin {
 		var cover = new CompositeCover ({
 			new LocalCover (uri),
 			new GriloCover (media, uid)});
+		var platform = new GenericPlatform (PLATFORM_NAME);
 		var core_source = new RetroCoreSource (PLATFORM, { MIME_TYPE });
 		var runner = new RetroRunner (core_source, uri, uid, title);
 
-		var game = new GenericGame (uid, title, runner);
+		var game = new GenericGame (uid, title, platform, runner);
 		game.set_icon (icon);
 		game.set_cover (cover);
 		game.set_release_date (release_date);
diff --git a/plugins/playstation/src/playstation-game-factory.vala b/plugins/playstation/src/playstation-game-factory.vala
index 83d7386fbbcfcdc21d62668cbec50d62810fd79e..8dacb0d925b05f78abd25102576b51b302ace6f6 100644
--- a/plugins/playstation/src/playstation-game-factory.vala
+++ b/plugins/playstation/src/playstation-game-factory.vala
@@ -4,6 +4,7 @@ public class Games.PlayStationGameFactory : Object, UriGameFactory {
 	private const string CUE_MIME_TYPE = "application/x-cue";
 	private const string PHONY_MIME_TYPE = "application/x-playstation-rom";
 	private const string PLATFORM = "PlayStation";
+	private const string PLATFORM_NAME = _("PlayStation");
 	private const string ICON_NAME = "media-optical-symbolic";
 	private const string GAMEINFO = "resource:///org/gnome/Games/plugin/playstation/playstation.gameinfo.xml";
 
@@ -150,11 +151,12 @@ public class Games.PlayStationGameFactory : Object, UriGameFactory {
 		var publisher = new GriloPublisher (media);
 		var description = new GriloDescription (media);
 		var rating = new GriloRating (media);
+		var platform = new GenericPlatform (PLATFORM_NAME);
 		var input_capabilities = new GameinfoDiscIdInputCapabilities (gameinfo, disc_set_id);
 		var core_source = new RetroCoreSource (PLATFORM, { CUE_MIME_TYPE, PHONY_MIME_TYPE });
 		var runner = new RetroRunner.for_media_set_and_input_capabilities (core_source, media_set, uid, input_capabilities, title);
 
-		var game = new GenericGame (uid, title, runner);
+		var game = new GenericGame (uid, title, platform, runner);
 		game.set_cover (cover);
 		game.set_release_date (release_date);
 		game.set_cooperative (cooperative);
diff --git a/plugins/sega-cd/src/sega-cd-plugin.vala b/plugins/sega-cd/src/sega-cd-plugin.vala
index 62ea18a00d957d2ebf296433a89bbb5f648bbb65..566bcd7a76c2fc2890b82cb7638d2fce049b1f9b 100644
--- a/plugins/sega-cd/src/sega-cd-plugin.vala
+++ b/plugins/sega-cd/src/sega-cd-plugin.vala
@@ -8,6 +8,8 @@ private class Games.SegaCDPlugin : Object, Plugin {
 	private const string SEGA_CD_MIME_TYPE = "application/x-sega-cd-rom";
 	private const string SEGA_CD_PLATFORM = "SegaCD";
 	private const string SEGA_CD_32X_PLATFORM = "SegaCD32X";
+	private const string SEGA_CD_PLATFORM_NAME = _("Sega CD");
+	private const string SEGA_CD_32X_PLATFORM_NAME = _("Sega CD 32X");
 
 	public string[] get_mime_types () {
 		return { CUE_MIME_TYPE, SEGA_CD_MIME_TYPE };
@@ -46,14 +48,17 @@ private class Games.SegaCDPlugin : Object, Plugin {
 		header.check_validity ();
 
 		string[] mime_types;
-		string platform;
+		string generic_platform;
+		string platform_name;
 		if (header.is_sega_cd ()) {
 			mime_types = { CUE_MIME_TYPE, SEGA_CD_MIME_TYPE };
-			platform = SEGA_CD_PLATFORM;
+			generic_platform = SEGA_CD_PLATFORM;
+			platform_name = SEGA_CD_PLATFORM_NAME;
 		}
 		else if (header.is_sega_cd_32x ()) {
 			mime_types = { CUE_MIME_TYPE, SEGA_CD_MIME_TYPE, 32X_MIME_TYPE };
-			platform = SEGA_CD_32X_PLATFORM;
+			generic_platform = SEGA_CD_32X_PLATFORM;
+			platform_name = SEGA_CD_32X_PLATFORM_NAME;
 		}
 		else
 			assert_not_reached ();
@@ -74,10 +79,11 @@ private class Games.SegaCDPlugin : Object, Plugin {
 		var publisher = new GriloPublisher (media);
 		var description = new GriloDescription (media);
 		var rating = new GriloRating (media);
-		var core_source = new RetroCoreSource (platform, mime_types);
+		var platform = new GenericPlatform (platform_name);
+		var core_source = new RetroCoreSource (generic_platform, mime_types);
 		var runner = new RetroRunner (core_source, uri, uid, title);
 
-		var game = new GenericGame (uid, title, runner);
+		var game = new GenericGame (uid, title, platform, runner);
 		game.set_cover (cover);
 		game.set_release_date (release_date);
 		game.set_cooperative (cooperative);
diff --git a/plugins/sega-saturn/src/sega-saturn-plugin.vala b/plugins/sega-saturn/src/sega-saturn-plugin.vala
index be25c93167fba9df4147c92143d4202c375ef8f8..7cf98c835331e8f4d30f701a6a6b129776b4e9d7 100644
--- a/plugins/sega-saturn/src/sega-saturn-plugin.vala
+++ b/plugins/sega-saturn/src/sega-saturn-plugin.vala
@@ -4,6 +4,7 @@ private class Games.SegaSaturnPlugin : Object, Plugin {
 	private const string CUE_MIME_TYPE = "application/x-cue";
 	private const string SEGA_SATURN_MIME_TYPE = "application/x-saturn-rom";
 	private const string PLATFORM = "SegaSaturn";
+	private const string PLATFORM_NAME = _("Sega Saturn");
 
 	public string[] get_mime_types () {
 		return {
@@ -58,10 +59,11 @@ private class Games.SegaSaturnPlugin : Object, Plugin {
 		var publisher = new GriloPublisher (media);
 		var description = new GriloDescription (media);
 		var rating = new GriloRating (media);
+		var platform = new GenericPlatform (PLATFORM_NAME);
 		var core_source = new RetroCoreSource (PLATFORM, { CUE_MIME_TYPE, SEGA_SATURN_MIME_TYPE });
 		var runner = new RetroRunner (core_source, uri, uid, title);
 
-		var game = new GenericGame (uid, title, runner);
+		var game = new GenericGame (uid, title, platform, runner);
 		game.set_cover (cover);
 		game.set_release_date (release_date);
 		game.set_cooperative (cooperative);
diff --git a/plugins/steam/src/steam-plugin.vala b/plugins/steam/src/steam-plugin.vala
index 5aa19ec6ffe5e76e922835397552528af9a22255..b75896b724417a8e0362a725d744576b17360e0a 100644
--- a/plugins/steam/src/steam-plugin.vala
+++ b/plugins/steam/src/steam-plugin.vala
@@ -2,6 +2,7 @@
 
 private class Games.SteamPlugin : Object, Plugin {
 	private const string STEAM_FILE_SCHEME = "steam+file";
+	private const string PLATFORM_NAME = _("Steam");
 
 	private static HashTable<string, Game> game_for_id;
 
@@ -54,10 +55,11 @@ private class Games.SteamPlugin : Object, Plugin {
 		var title = new SteamTitle (registry);
 		var icon = new SteamIcon (game_id);
 		var cover = new SteamCover (game_id);
+		var platform = new GenericPlatform (PLATFORM_NAME);
 		string[] args = { "steam", @"steam://rungameid/" + game_id };
 		var runner = new CommandRunner (args, false);
 
-		var game = new GenericGame (uid, title, runner);
+		var game = new GenericGame (uid, title, platform, runner);
 		game.set_icon (icon);
 		game.set_cover (cover);
 
diff --git a/plugins/turbografx-cd/src/turbografx-cd-plugin.vala b/plugins/turbografx-cd/src/turbografx-cd-plugin.vala
index 827605b21583fbe58200f53b45d338347f818181..a1797e37db88e7c00e90ad9b0daaae9fa29d39f2 100644
--- a/plugins/turbografx-cd/src/turbografx-cd-plugin.vala
+++ b/plugins/turbografx-cd/src/turbografx-cd-plugin.vala
@@ -6,6 +6,7 @@ private class Games.TurboGrafxCDPlugin : Object, Plugin {
 	private const string CUE_MIME_TYPE = "application/x-cue";
 	private const string CD_MAGIC_VALUE = "PC Engine CD-ROM SYSTEM";
 	private const string CD_PLATFORM = "TurboGrafxCD";
+	private const string PLATFORM_NAME = _("TurboGrafx-CD");
 
 	public string[] get_mime_types () {
 		return { CUE_MIME_TYPE };
@@ -37,10 +38,11 @@ private class Games.TurboGrafxCDPlugin : Object, Plugin {
 		var publisher = new GriloPublisher (media);
 		var description = new GriloDescription (media);
 		var rating = new GriloRating (media);
+		var platform = new GenericPlatform (PLATFORM_NAME);
 		var core_source = new RetroCoreSource (CD_PLATFORM, { CUE_MIME_TYPE, PHONY_MIME_TYPE });
 		var runner = new RetroRunner (core_source, uri, uid, title);
 
-		var game = new GenericGame (uid, title, runner);
+		var game = new GenericGame (uid, title, platform, runner);
 		game.set_cover (cover);
 		game.set_release_date (release_date);
 		game.set_cooperative (cooperative);
diff --git a/plugins/virtual-boy/src/virtual-boy-plugin.vala b/plugins/virtual-boy/src/virtual-boy-plugin.vala
index e0db97699f635cbcac9eb087a2cb555da7e092c2..d74f6091db203539d252cbff3cbdc8225fc56582 100644
--- a/plugins/virtual-boy/src/virtual-boy-plugin.vala
+++ b/plugins/virtual-boy/src/virtual-boy-plugin.vala
@@ -4,6 +4,7 @@ private class Games.VirtualBoyPlugin : Object, Plugin {
 	private const string FINGERPRINT_PREFIX = "virtual-boy";
 	private const string MIME_TYPE = "application/x-virtual-boy-rom";
 	private const string PLATFORM = "VirtualBoy";
+	private const string PLATFORM_NAME = _("Virtual Boy");
 
 	public string[] get_mime_types () {
 		return { MIME_TYPE };
@@ -37,10 +38,11 @@ private class Games.VirtualBoyPlugin : Object, Plugin {
 		var publisher = new GriloPublisher (media);
 		var description = new GriloDescription (media);
 		var rating = new GriloRating (media);
+		var platform = new GenericPlatform (PLATFORM_NAME);
 		var core_source = new RetroCoreSource (PLATFORM, { MIME_TYPE });
 		var runner = new RetroRunner (core_source, uri, uid, title);
 
-		var game = new GenericGame (uid, title, runner);
+		var game = new GenericGame (uid, title, platform, runner);
 		game.set_cover (cover);
 		game.set_release_date (release_date);
 		game.set_cooperative (cooperative);
diff --git a/plugins/wii/src/wii-plugin.vala b/plugins/wii/src/wii-plugin.vala
index c1d5c5fb759a7dab8420d78b66f2bd2e0d6618e7..6ae86a0fc52682ee8d5d1ffa6c6bee83956d7687 100644
--- a/plugins/wii/src/wii-plugin.vala
+++ b/plugins/wii/src/wii-plugin.vala
@@ -2,7 +2,8 @@
 
 private class Games.WiiPlugin : Object, Plugin {
 	private const string MIME_TYPE = "application/x-wii-rom";
-	private const string PLATFORM = "WiiWare";
+	private const string PLATFORM = "Wii";
+	private const string PLATFORM_NAME = _("Wii");
 
 	public string[] get_mime_types () {
 		return { MIME_TYPE };
@@ -35,10 +36,11 @@ private class Games.WiiPlugin : Object, Plugin {
 		var publisher = new GriloPublisher (media);
 		var description = new GriloDescription (media);
 		var rating = new GriloRating (media);
+		var platform = new GenericPlatform (PLATFORM_NAME);
 		var core_source = new RetroCoreSource (PLATFORM, { MIME_TYPE });
 		var runner = new RetroRunner (core_source, uri, uid, title);
 
-		var game = new GenericGame (uid, title, runner);
+		var game = new GenericGame (uid, title, platform, runner);
 		game.set_cover (cover);
 		game.set_release_date (release_date);
 		game.set_cooperative (cooperative);
diff --git a/src/core/developer.vala b/src/core/developer.vala
index abee57263b3b2c727f8d877a4df911bdc68fe34f..c9ac6ef9d4e6a787db8b59eb0ed75279c7a7c563 100644
--- a/src/core/developer.vala
+++ b/src/core/developer.vala
@@ -4,4 +4,12 @@ public interface Games.Developer : Object {
 	public signal void changed ();
 
 	public abstract string get_developer ();
+
+	public static uint hash (Developer developer) {
+		return str_hash (developer.get_developer ());
+	}
+
+	public static bool equal (Developer a, Developer b) {
+		return str_equal (a.get_developer (), b.get_developer ());
+	}
 }
diff --git a/src/core/game.vala b/src/core/game.vala
index 5dccb55284a72b148837eac9244eecf785bfde35..7a981a6fbea285f8d82564ff3ea983c27b3df112 100644
--- a/src/core/game.vala
+++ b/src/core/game.vala
@@ -14,6 +14,7 @@ public interface Games.Game : Object {
 	public abstract Publisher get_publisher ();
 	public abstract Description get_description ();
 	public abstract Rating get_rating ();
+	public abstract Platform get_platform ();
 	public abstract Runner get_runner () throws Error;
 
 	public static uint hash (Game key) {
diff --git a/src/core/platform.vala b/src/core/platform.vala
new file mode 100644
index 0000000000000000000000000000000000000000..d114af96467083ac669e2297ac2dba5bda1b44fa
--- /dev/null
+++ b/src/core/platform.vala
@@ -0,0 +1,13 @@
+// This file is part of GNOME Games. License: GPL-3.0+.
+
+public interface Games.Platform : Object {
+	public abstract string get_name ();
+
+	public static uint hash (Platform platform) {
+		return str_hash (platform.get_name ());
+	}
+
+	public static bool equal (Platform a, Platform b) {
+		return str_equal (a.get_name (), b.get_name ());
+	}
+}
diff --git a/src/dummy/dummy-developer.vala b/src/dummy/dummy-developer.vala
index a1d8b37fd63b5219cf16fb32f324e9a5fa6aff48..def738fb7d494af9f48a1d0ef316866b390ca66d 100644
--- a/src/dummy/dummy-developer.vala
+++ b/src/dummy/dummy-developer.vala
@@ -2,6 +2,6 @@
 
 public class Games.DummyDeveloper : Object, Developer {
 	public string get_developer () {
-		return _("Developer not available.");
+		return _("Unknown");
 	}
 }
diff --git a/src/dummy/dummy-game.vala b/src/dummy/dummy-game.vala
index 906569c09cb6c4b4fb2915bb7cdfaf768ea35f39..80a84808821923b76f8b5cedfd398382ebdb249f 100644
--- a/src/dummy/dummy-game.vala
+++ b/src/dummy/dummy-game.vala
@@ -62,6 +62,10 @@ private class Games.DummyGame : Object, Game {
 		return new DummyRating ();
 	}
 
+	public Platform get_platform () {
+		return new DummyPlatform ();
+	}
+
 	public Runner get_runner () throws Error {
 		return new DummyRunner ();
 	}
diff --git a/src/dummy/dummy-platform.vala b/src/dummy/dummy-platform.vala
new file mode 100644
index 0000000000000000000000000000000000000000..5a3fc9fd01890d559b108c830c90e6ca9e63ce8d
--- /dev/null
+++ b/src/dummy/dummy-platform.vala
@@ -0,0 +1,7 @@
+// This file is part of GNOME Games. License: GPL-3.0+.
+
+public class Games.DummyPlatform : Object, Platform {
+	public string get_name () {
+		return _("Unknown");
+	}
+}
diff --git a/src/generic/generic-game.vala b/src/generic/generic-game.vala
index 52f64b24b43607cfde337dc371b70fdae0a29415..944fd04ed201d983f4976115a5f731722f214711 100644
--- a/src/generic/generic-game.vala
+++ b/src/generic/generic-game.vala
@@ -30,12 +30,14 @@ public class Games.GenericGame : Object, Game {
 	private Cooperative game_cooperative;
 	private Genre game_genre;
 	private Players game_players;
+	private Platform game_platform;
 	private Runner game_runner;
 
-	public GenericGame (Uid uid, Title title, Runner runner) {
+	public GenericGame (Uid uid, Title title, Platform platform, Runner runner) {
 		game_uid = uid;
 		game_title = title;
 		game_runner = runner;
+		game_platform = platform;
 	}
 
 	public Uid get_uid () {
@@ -152,6 +154,10 @@ public class Games.GenericGame : Object, Game {
 		game_rating = rating;
 	}
 
+	public Platform get_platform () {
+		return game_platform;
+	}
+
 	public Runner get_runner () throws Error {
 		return game_runner;
 	}
diff --git a/src/generic/generic-platform.vala b/src/generic/generic-platform.vala
new file mode 100644
index 0000000000000000000000000000000000000000..04bb1bc725bb2f3e5ca22cde82650110b9e62569
--- /dev/null
+++ b/src/generic/generic-platform.vala
@@ -0,0 +1,13 @@
+// This file is part of GNOME Games. License: GPL-3.0+.
+
+public class Games.GenericPlatform : Object, Platform {
+	private string platform;
+
+	public GenericPlatform (string platform) {
+		this.platform = platform;
+	}
+
+	public string get_name () {
+		return platform;
+	}
+}
diff --git a/src/meson.build b/src/meson.build
index 8ee9af666465d284b25391d56b21641869289d9d..db93de811db3c018462de163bb9770651b3ee163 100644
--- a/src/meson.build
+++ b/src/meson.build
@@ -29,6 +29,7 @@ vala_sources = [
   'core/media-info.vala',
   'core/media-set/media-set.vala',
   'core/media-set/media-set-error.vala',
+  'core/platform.vala',
   'core/players.vala',
   'core/plugin.vala',
   'core/plugin-register.vala',
@@ -56,6 +57,7 @@ vala_sources = [
   'dummy/dummy-game.vala',
   'dummy/dummy-genre.vala',
   'dummy/dummy-icon.vala',
+  'dummy/dummy-platform.vala',
   'dummy/dummy-players.vala',
   'dummy/dummy-publisher.vala',
   'dummy/dummy-rating.vala',
@@ -79,6 +81,7 @@ vala_sources = [
   'generic/generic-game.vala',
   'generic/generic-game-uri-adapter.vala',
   'generic/generic-genre.vala',
+  'generic/generic-platform.vala',
   'generic/generic-players.vala',
   'generic/generic-publisher.vala',
   'generic/generic-rating.vala',
@@ -124,6 +127,8 @@ vala_sources = [
   'ui/collection-box.vala',
   'ui/collection-icon-view.vala',
   'ui/collection-header-bar.vala',
+  'ui/developer-list-item.vala',
+  'ui/developers-view.vala',
   'ui/display-box.vala',
   'ui/display-header-bar.vala',
   'ui/dummy-display.vala',
@@ -144,6 +149,8 @@ vala_sources = [
   'ui/media-selector.vala',
   'ui/media-menu-button.vala',
   'ui/message-dialog.vala',
+  'ui/platform-list-item.vala',
+  'ui/platforms-view.vala',
   'ui/preferences-page.vala',
   'ui/preferences-page-controllers.vala',
   'ui/preferences-page-plugins.vala',
@@ -157,6 +164,7 @@ vala_sources = [
   'ui/resume-failed-dialog.vala',
   'ui/search-bar.vala',
   'ui/shortcuts-window.vala',
+  'ui/sidebar-view.vala',
   'ui/ui-state.vala',
 
   'utils/composite-cover.vala',
diff --git a/src/retro/retro-simple-game-uri-adapter.vala b/src/retro/retro-simple-game-uri-adapter.vala
index b46ad17f4dd56b03e212d2619435eb721ec1ed00..f8d809670dd02b7ee0c41bc054ee2f326980d6ae 100644
--- a/src/retro/retro-simple-game-uri-adapter.vala
+++ b/src/retro/retro-simple-game-uri-adapter.vala
@@ -25,10 +25,12 @@ private class Games.RetroSimpleGameUriAdapter : GameUriAdapter, Object {
 		var publisher = new GriloPublisher (media);
 		var description = new GriloDescription (media);
 		var rating = new GriloRating (media);
+		var platform_name = RetroPlatform.get_platform_name (simple_type.platform);
+		var platform = new GenericPlatform (platform_name);
 		var core_source = new RetroCoreSource (simple_type.platform, { simple_type.mime_type });
 		var runner = new RetroRunner (core_source, uri, uid, title);
 
-		var game = new GenericGame (uid, title, runner);
+		var game = new GenericGame (uid, title, platform, runner);
 		game.set_cover (cover);
 		game.set_release_date (release_date);
 		game.set_cooperative (cooperative);
diff --git a/src/ui/application-window.vala b/src/ui/application-window.vala
index 662059398d55bb7e3441e64cc44716928c94a70d..255b104a4e62dc52b82f9f5bf56fb8d3caf8219c 100644
--- a/src/ui/application-window.vala
+++ b/src/ui/application-window.vala
@@ -134,6 +134,8 @@ private class Games.ApplicationWindow : Gtk.ApplicationWindow {
 		konami_code = new KonamiCode (this);
 		konami_code.code_performed.connect (on_konami_code_performed);
 
+		collection_header_bar.viewstack = collection_box.viewstack;
+
 		window_size_update_timeout = -1;
 		focus_out_timeout_id = -1;
 		inhibit_cookie = 0;
diff --git a/src/ui/collection-box.vala b/src/ui/collection-box.vala
index 285b5b0e1e74dc32fa695be7c4bcef9218d1b911..78f6acfc5f6dec04493ccf41a4c84d6819b7fde1 100644
--- a/src/ui/collection-box.vala
+++ b/src/ui/collection-box.vala
@@ -13,9 +13,20 @@ private class Games.CollectionBox : Gtk.Box {
 	[GtkChild]
 	private Gtk.Revealer loading_notification_revealer;
 	[GtkChild]
-	private CollectionIconView icon_view;
+	private CollectionIconView collection_view;
+	[GtkChild]
+	private DevelopersView developer_view;
+	[GtkChild]
+	private PlatformsView platform_view;
+	[GtkChild (name = "viewstack")]
+	private Gtk.Stack _viewstack;
+	public Gtk.Stack viewstack {
+		get { return _viewstack; }
+	}
 
 	private Binding collection_binding;
+	private Binding developer_collection_binding;
+	private Binding platform_collection_binding;
 	private Binding search_binding;
 	private Binding loading_notification_binding;
 
@@ -24,8 +35,15 @@ private class Games.CollectionBox : Gtk.Box {
 	}
 
 	construct {
-		collection_binding = bind_property ("collection", icon_view, "model",
+		collection_binding = bind_property ("collection", collection_view, "model",
 		                                    BindingFlags.BIDIRECTIONAL);
+
+		developer_collection_binding = bind_property ("collection", developer_view,
+		                                              "model", BindingFlags.BIDIRECTIONAL);
+
+		platform_collection_binding = bind_property ("collection", platform_view,
+		                                             "model", BindingFlags.BIDIRECTIONAL);
+
 		search_binding = bind_property ("search-mode", search_bar, "search-mode-enabled",
 		                                BindingFlags.BIDIRECTIONAL);
 		loading_notification_binding = bind_property ("loading-notification", loading_notification_revealer, "reveal-child",
@@ -33,15 +51,15 @@ private class Games.CollectionBox : Gtk.Box {
 	}
 
 	public bool gamepad_button_press_event (Manette.Event event) {
-		return icon_view.gamepad_button_press_event (event);
+		return collection_view.gamepad_button_press_event (event);
 	}
 
 	public bool gamepad_button_release_event (Manette.Event event) {
-		return icon_view.gamepad_button_release_event (event);
+		return collection_view.gamepad_button_release_event (event);
 	}
 
 	public bool gamepad_absolute_axis_event (Manette.Event event) {
-		return icon_view.gamepad_absolute_axis_event (event);
+		return collection_view.gamepad_absolute_axis_event (event);
 	}
 
 	[GtkCallback]
@@ -54,9 +72,26 @@ private class Games.CollectionBox : Gtk.Box {
 		game_activated (game);
 	}
 
+	[GtkCallback]
+	private void on_visible_child_changed () {
+		if (viewstack.visible_child == platform_view) {
+			platform_view.select_default_row ();
+		}
+		else if (viewstack.visible_child == developer_view) {
+			developer_view.select_default_row ();
+		}
+	}
+
 	[GtkCallback]
 	private void on_search_text_notify () {
-		icon_view.filtering_text = search_bar.text;
+		if (viewstack.visible_child == platform_view) {
+			platform_view.filtering_text = search_bar.text;
+		}
+		else if (viewstack.visible_child == developer_view) {
+			developer_view.filtering_text = search_bar.text;
+		}
+		else
+			collection_view.filtering_text = search_bar.text;
 	}
 
 	public bool search_bar_handle_event (Gdk.Event event) {
diff --git a/src/ui/collection-header-bar.vala b/src/ui/collection-header-bar.vala
index 87b833cd564306d971fafa2a854de80e404d3ae1..a7c3eea348966475f8fe66c0b7839435c12b2cfc 100644
--- a/src/ui/collection-header-bar.vala
+++ b/src/ui/collection-header-bar.vala
@@ -3,7 +3,17 @@
 [GtkTemplate (ui = "/org/gnome/Games/ui/collection-header-bar.ui")]
 private class Games.CollectionHeaderBar : Gtk.HeaderBar {
 	public bool search_mode { set; get; }
+	private Gtk.Stack _viewstack;
+	public Gtk.Stack viewstack {
+		set {
+			_viewstack = value;
+			view_switcher.set_stack (_viewstack);
+		}
+		get { return _viewstack; }
+	}
 
+	[GtkChild]
+	private Gtk.StackSwitcher view_switcher;
 	[GtkChild]
 	private Gtk.ToggleButton search;
 	private Binding search_binding;
diff --git a/src/ui/collection-icon-view.vala b/src/ui/collection-icon-view.vala
index c4b284bd2f83071d9dd4b7b568f01e6f03777aaf..53ba49d85d503596e02350f3b350010470c8f7b5 100644
--- a/src/ui/collection-icon-view.vala
+++ b/src/ui/collection-icon-view.vala
@@ -11,6 +11,7 @@ private class Games.CollectionIconView : Gtk.Stack {
 	private const double DEAD_ZONE = 0.3;
 
 	public signal void game_activated (Game game);
+	public signal void game_changed (Game game);
 
 	private string[] filtering_terms;
 	public string filtering_text {
@@ -20,6 +21,24 @@ private class Games.CollectionIconView : Gtk.Stack {
 		}
 	}
 
+	private Developer? _filtering_developer;
+	public Developer? filtering_developer {
+		set {
+			_filtering_developer = value;
+			flow_box.invalidate_filter ();
+		}
+		get { return _filtering_developer; }
+	}
+
+	private Platform? _filtering_platform;
+	public Platform? filtering_platform {
+		set {
+			_filtering_platform = value;
+			flow_box.invalidate_filter ();
+		}
+		get { return _filtering_platform; }
+	}
+
 	private ulong model_changed_id;
 	private ListModel _model;
 	public ListModel model {
@@ -315,12 +334,18 @@ private class Games.CollectionIconView : Gtk.Stack {
 	}
 
 	private bool filter_game (Game game) {
-		if (filtering_terms.length == 0)
-			return true;
+		if (filtering_developer != null &&
+		    filtering_developer.get_developer() != game.get_developer().get_developer())
+			return false;
 
-		foreach (var term in filtering_terms)
-			if (!(term.casefold () in game.name.casefold ()))
-				return false;
+		if (filtering_platform != null &&
+		    filtering_platform.get_name() != game.get_platform().get_name())
+			return false;
+
+		if (filtering_terms.length != 0)
+			foreach (var term in filtering_terms)
+				if (!(term.casefold () in game.name.casefold ()))
+					return false;
 
 		return true;
 	}
diff --git a/src/ui/developer-list-item.vala b/src/ui/developer-list-item.vala
new file mode 100644
index 0000000000000000000000000000000000000000..ad510b3177ef4f286f05c985a66abe9f21f4106f
--- /dev/null
+++ b/src/ui/developer-list-item.vala
@@ -0,0 +1,15 @@
+[GtkTemplate (ui = "/org/gnome/Games/ui/developer-list-item.ui")]
+private class Games.DeveloperListItem: Gtk.Label {
+	private Developer _developer;
+	public Developer developer {
+		get { return _developer; }
+		set {
+			_developer = value;
+			label = value.get_developer ();
+		}
+	}
+
+	public DeveloperListItem (Developer developer) {
+		Object (developer: developer);
+	}
+}
diff --git a/src/ui/developers-view.vala b/src/ui/developers-view.vala
new file mode 100644
index 0000000000000000000000000000000000000000..454d01091b7eceed7d03ec345d204b31bb932027
--- /dev/null
+++ b/src/ui/developers-view.vala
@@ -0,0 +1,50 @@
+// This file is part of GNOME Games. License: GPL-3.0+.
+
+private class Games.DevelopersView : SidebarView {
+	private GenericSet<Developer> developers = new GenericSet<Developer> (Developer.hash, Developer.equal);
+	private ulong developer_changed_id;
+
+	private void invalidate_developer (Developer developer){
+		if (!developers.contains (developer)) {
+			developers.add (developer);
+			var developer_list_item = new DeveloperListItem (developer);
+			list_box.add (developer_list_item);
+		}
+	}
+
+	protected override void game_added (Game game) {
+		var developer = game.get_developer ();
+
+		developer_changed_id = developer.changed.connect ((source) => {
+			invalidate_developer (source);
+		});
+
+		// FIXME: Currently developers are fetched in sync and there is
+		// a need to check non GriloDeveloper objects, update this function
+		// if necessary.
+		if (!(developer is GriloDeveloper)) {
+			if (developers.contains (developer))
+				return;
+
+			developers.add (developer);
+			var listbox_item = new DeveloperListItem (developer);
+			list_box.add (listbox_item);
+		}
+	}
+
+	protected override void invalidate (Gtk.ListBoxRow row_item) {
+		var row = row_item.get_child () as DeveloperListItem;
+		var developer = row.developer;
+		collection_view.filtering_developer = developer;
+	}
+
+	protected override int sort_rows (Gtk.ListBoxRow row1, Gtk.ListBoxRow row2) {
+		var item1 = row1.get_child () as DeveloperListItem;
+		var item2 = row2.get_child () as DeveloperListItem;
+
+		assert (item1 != null);
+		assert (item2 != null);
+
+		return item1.label.collate (item2.label);
+	}
+}
diff --git a/src/ui/platform-list-item.vala b/src/ui/platform-list-item.vala
new file mode 100644
index 0000000000000000000000000000000000000000..9e0e5510becdcfe655180ce4763fc23bd7f435f3
--- /dev/null
+++ b/src/ui/platform-list-item.vala
@@ -0,0 +1,15 @@
+[GtkTemplate (ui = "/org/gnome/Games/ui/platform-list-item.ui")]
+private class Games.PlatformListItem: Gtk.Label {
+	private Platform _platform;
+	public Platform platform {
+		get { return _platform; }
+		set {
+			_platform = value;
+			label = value.get_name ();
+		}
+	}
+
+	public PlatformListItem (Platform platform) {
+		Object (platform : platform);
+	}
+}
diff --git a/src/ui/platforms-view.vala b/src/ui/platforms-view.vala
new file mode 100644
index 0000000000000000000000000000000000000000..16247560f84b1749f417f7d58acb1802a0930a11
--- /dev/null
+++ b/src/ui/platforms-view.vala
@@ -0,0 +1,32 @@
+// This file is part of GNOME Games. License: GPL-3.0+.
+
+private class Games.PlatformsView : SidebarView {
+	private GenericSet<Platform> platforms = new GenericSet<Platform> (Platform.hash, Platform.equal);
+
+	protected override void game_added (Game game) {
+		var platform = game.get_platform();
+
+		if (!platforms.contains (platform)) {
+			platforms.add (platform);
+			var platform_list_item = new PlatformListItem (platform);
+			platform_list_item.visible = true;
+			list_box.add (platform_list_item);
+		}
+	}
+
+	protected override void invalidate (Gtk.ListBoxRow row_item) {
+		var row = row_item.get_child () as PlatformListItem;
+		var platform = row.platform;
+		collection_view.filtering_platform = platform;
+	}
+
+	protected override int sort_rows (Gtk.ListBoxRow row1, Gtk.ListBoxRow row2) {
+		var item1 = row1.get_child () as PlatformListItem;
+		var item2 = row2.get_child () as PlatformListItem;
+
+		assert (item1 != null);
+		assert (item2 != null);
+
+		return item1.label.collate (item2.label);
+	}
+}
diff --git a/src/ui/sidebar-view.vala b/src/ui/sidebar-view.vala
new file mode 100644
index 0000000000000000000000000000000000000000..e97afa5b757aef1a5a79bcc6ff25884faea9bcd7
--- /dev/null
+++ b/src/ui/sidebar-view.vala
@@ -0,0 +1,65 @@
+// This file is part of GNOME Games. License: GPL-3.0+.
+
+[GtkTemplate (ui = "/org/gnome/Games/ui/sidebar-view.ui")]
+private abstract class Games.SidebarView : Gtk.Box {
+	public signal void game_activated (Game game);
+
+	public string filtering_text {
+		set { collection_view.filtering_text = value; }
+	}
+
+	private ListModel _model;
+	public ListModel model {
+		set {
+			_model = value;
+			collection_view.model = _model;
+			model.items_changed.connect (on_model_changed);
+		}
+		get { return _model; }
+	}
+
+
+	[GtkChild]
+	protected CollectionIconView collection_view;
+
+	[GtkChild]
+	protected Gtk.ListBox list_box;
+
+	construct {
+		list_box.set_sort_func (sort_rows);
+
+		collection_view.game_activated.connect ((game) => {
+			game_activated (game);
+		 });
+	}
+
+	protected abstract void game_added (Game game);
+	protected abstract void invalidate (Gtk.ListBoxRow row_item);
+	protected abstract int sort_rows (Gtk.ListBoxRow row1, Gtk.ListBoxRow row2);
+
+	[GtkCallback]
+	private void on_list_box_row_selected (Gtk.ListBoxRow row_item) {
+		list_box.select_row (row_item);
+		invalidate (row_item);
+	}
+
+	private void on_model_changed (uint position, uint removed, uint added) {
+		// FIXME: currently games are never removed, update this function if
+		// necessary.
+		assert (removed == 0);
+
+		for (uint i = position ; i < position + added ; i++) {
+			var game = model.get_item (i) as Game;
+			game_added (game);
+		}
+	}
+
+	public void select_default_row () {
+		var row = list_box.get_row_at_index (0) as Gtk.ListBoxRow;
+
+		if (row == null)
+			return;
+
+		on_list_box_row_selected (row);
+	}
+}