diff --git a/ereuse_devicehub/resources/device/templates/devices/macros.html b/ereuse_devicehub/resources/device/templates/devices/macros.html
new file mode 100644
index 00000000..ba9c9969
--- /dev/null
+++ b/ereuse_devicehub/resources/device/templates/devices/macros.html
@@ -0,0 +1,18 @@
+{% macro component_type(components, type) %}
+    <ul class="list-unstyled">
+        {% for c in components if c.t == type %}
+            <li>
+                <strong>{{ c.__format__('t') }}</strong>
+                <p>
+                    <small>{{ c.__format__('s') }}</small>
+                </p>
+            </li>
+        {% endfor %}
+    </ul>
+{% endmacro %}
+
+{% macro rate(range) %}
+    <span class="label label-primary">
+        {{ range }}
+    </span>
+{% endmacro %}