diff --git a/resources/twig/categories/index.twig b/resources/twig/categories/index.twig
new file mode 100644
index 0000000000..82e98ac0e1
--- /dev/null
+++ b/resources/twig/categories/index.twig
@@ -0,0 +1,40 @@
+{% extends "./layout/default.twig" %}
+{% block content %}
+    {{ Breadcrumbs.renderIfExists(Route.getCurrentRoute.getName) }}
+<div class="row">
+    <div class="col-lg-12 col-md-12 col-sm-12">
+        <div class="panel panel-default">
+            <div class="panel-heading">
+                <i class="fa {{ mainTitleIcon }}"></i> Categories
+
+                <!-- ACTIONS MENU -->
+                <div class="pull-right">
+                    <div class="btn-group">
+                        <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
+                            Actions
+                            <span class="caret"></span>
+                        </button>
+                        <ul class="dropdown-menu pull-right" role="menu">
+                            <li><a href="{{ route('categories.create') }}"><i class="fa fa-plus fa-fw"></i> New category</a></li>
+                        </ul>
+                    </div>
+                </div>
+
+
+            </div>
+            {% include 'list/categories.twig' %}
+        </div>
+    </div>
+</div>
+{% endblock %}
+{% block styles %}
+    <link rel="stylesheet" href="css/bootstrap-sortable.css" type="text/css" media="all" />
+{% endblock %}
+
+{% block scripts %}
+<script type="text/javascript" src="https://www.google.com/jsapi"></script>
+<script type="text/javascript" src="js/gcharts.options.js"></script>
+<script type="text/javascript" src="js/gcharts.js"></script>
+<script type="text/javascript" src="js/bootstrap-sortable.js"></script>
+<script type="text/javascript" src="js/categories.js"></script>
+{% endblock %}
\ No newline at end of file
diff --git a/resources/twig/list/categories.twig b/resources/twig/list/categories.twig
new file mode 100644
index 0000000000..605167cd17
--- /dev/null
+++ b/resources/twig/list/categories.twig
@@ -0,0 +1,38 @@
+<table class="table table-striped table-bordered sortable">
+    <thead>
+        <tr>
+            <th data-defaultsort="disabled">&nbsp;</th>
+            <th>Name</th>
+            <th>Last activity</th>
+        </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <td>&nbsp;</td>
+        <td><a href="{{ route('categories.noCategory') }}"><em>Without a category</em></a></td>
+        <td>&nbsp;</td>
+    </tr>
+    {% for category in categories %}
+    <tr>
+        <td>
+            <div class="btn-group btn-group-xs">
+                <a href="{{ route('categories.edit', category.id) }}" class="btn btn-default btn-xs"><i class="fa fa-fw fa-pencil"></i></a>
+                <a href="{{ route('categories.delete', category.id) }}" class="btn btn-danger btn-xs"><i class="fa fa-fw fa-trash-o"></i></a>
+            </div>
+        </td>
+        <td>
+            <a href="{{ route('categories.show', category.id) }}" title="{{ category.name }}">{{ category.name }}</a>
+        </td>
+        {% if category.lastActivity %}
+            <td data-value="{{ category.lastActivity.format('U') }}">
+                {{category.lastActivity.format('jS F Y') }}
+            </td>
+        {% else %}
+            <td data-value="0">
+                <em>Never</em>
+            </td>
+        {% endif %}
+    </tr>
+    {% endfor %}
+    </tbody>
+</table>