diff --git a/app/controllers/DashboardController.php b/app/controllers/DashboardController.php
index 61acf172..0ad7497d 100644
--- a/app/controllers/DashboardController.php
+++ b/app/controllers/DashboardController.php
@@ -14,8 +14,11 @@ class DashboardController extends Controller {
      * @return \Illuminate\View\View
      */
     public function showComponents() {
+        $components = Component::all();
+
         return View::make('dashboard.components')->with([
-            'pageTitle' => 'Components - Dashboard'
+            'pageTitle' => 'Components - Dashboard',
+            'components' => $components
         ]);
     }
 
diff --git a/app/views/dashboard/components.blade.php b/app/views/dashboard/components.blade.php
index 4be36cd0..d420bfa7 100644
--- a/app/views/dashboard/components.blade.php
+++ b/app/views/dashboard/components.blade.php
@@ -9,14 +9,38 @@
 		<div class="col-sm-12">
 			<div role='tabpanel'>
 				<ul class="nav nav-tabs" role='tablist'>
-					<li role='presentation' class='active'><a data-toggle='tab' role='tab' href="#tab-1">Tab 1</a></li>
-					<li role='presentation'><a data-toggle='tab' role='tab' href="#tab-2">Tab 2</a></li>
-					<li role='presentation'><a data-toggle='tab' role='tab' href="#tab-3">Tab 3</a></li>
+					<li role='presentation' class='active'><a data-toggle='tab' role='tab' href="#active">Active Components</a></li>
 				</ul>
 				<div class="tab-content">
-					<div role='tabpanel' class='tab-pane active' id="tab-1">Foo</div>
-					<div role='tabpanel' class='tab-pane' id="tab-2">Bar</div>
-					<div role='tabpanel' class='tab-pane' id="tab-3">Baz</div>
+					<div role='tabpanel' class='tab-pane active' id="active">
+						<div class='row'>
+							<div class='col-md-6'>
+								<h3>Components</h3>
+							</div>
+							<div class='col-md-6 text-right'>
+								<a href='javascript: void(0);' class='btn btn-primary'>Add Component</a>
+							</div>
+						</div>
+						<div class='row'>
+							<ul class='list-group'>
+								@foreach($components as $component)
+								<li class='list-group-item'>
+									<div class='row'>
+										<div class='col-md-6'>
+											<strong>{{ $component->name }}</strong>
+										</div>
+										<div class='col-md-6'>
+											<ul class='nav nav-pills'>
+												<li role='presentation'><a href='javascript: void(0);'>Edit</a></li>
+												<li role='presentation'><a href='javascript: void(0);'>Delete</a></li>
+											</ul>
+										</div>
+									</div>
+								</li>
+								@endforeach
+							</ul>
+						</div>
+					</div>
 				</div>
 			</div>
 		</div>