diff --git a/example/unicorn/components/direct_view.py b/example/unicorn/components/direct_view.py
new file mode 100644
index 00000000..bf77782b
--- /dev/null
+++ b/example/unicorn/components/direct_view.py
@@ -0,0 +1,7 @@
+from django.utils.timezone import now
+
+from django_unicorn.components import UnicornView
+
+
+class DirectViewView(UnicornView):
+    name = "test"
diff --git a/example/unicorn/templates/unicorn/direct-view.html b/example/unicorn/templates/unicorn/direct-view.html
new file mode 100644
index 00000000..5daeae54
--- /dev/null
+++ b/example/unicorn/templates/unicorn/direct-view.html
@@ -0,0 +1,13 @@
+{% extends "www/base.html" %}
+{% load unicorn %}
+
+{% block content %}
+
+<div unicorn:view>
+  <h2>Direct View</h2>
+
+  <input u:model="name" />
+  {{ name }}
+</div>
+
+{% endblock content %}
\ No newline at end of file
diff --git a/example/www/templates/www/base.html b/example/www/templates/www/base.html
index f3536da1..32e2cd14 100644
--- a/example/www/templates/www/base.html
+++ b/example/www/templates/www/base.html
@@ -1,48 +1,52 @@
 {% load static unicorn %}
 
 <html>
-    <head>
-        <title>django-unicorn examples</title>
-        <link rel="stylesheet" href="{% static 'css/marx.min.css' %}">
-        <link rel="stylesheet" href="{% static 'css/styles.css' %}">
-        <style>
-            #menu {
-                list-style: none;
-            }
-            #menu li {
-                display: inline;
-                padding: 0 10px;
-                border-left: solid 1px black;
-            }
-            #menu li:first-child {
-                border-left: none !important;
-            }
-        </style>
-
-        {% unicorn_scripts %}
-            <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
-
-    <body>
-        <main>
-            {% csrf_token %}
-
-            <h1>django-unicorn</h1>
-
-            <ul id="menu">
-                <li><a href="{% url 'www:index' %}">Index</a></li>
-                <li><a href="{% url 'www:template' 'text-inputs' %}">Text inputs</a></li>
-                <li><a href="{% url 'www:template' 'html-inputs' %}">Other inputs</a></li>
-                <li><a href="{% url 'www:template' 'objects' %}">Objects</a></li>
-                <li><a href="{% url 'www:template' 'validation' %}">Validation</a></li>
-                <li><a href="{% url 'www:template' 'polling' %}">Polling</a></li>
-                <li><a href="{% url 'www:template' 'models' %}">Models</a></li>
-                <li><a href="{% url 'www:template' 'nested' %}">Nested components (table)</a></li>
-                <li><a href="{% url 'www:template' 'js' %}">JavaScript integration</a></li>
-            </ul>
-
-            {% block content %}{% endblock content %}
-
-        </main>
-    </body>
+
+<head>
+  <title>django-unicorn examples</title>
+  <link rel="stylesheet" href="{% static 'css/marx.min.css' %}">
+  <link rel="stylesheet" href="{% static 'css/styles.css' %}">
+  <style>
+    #menu {
+      list-style: none;
+    }
+
+    #menu li {
+      display: inline;
+      padding: 0 10px;
+      border-left: solid 1px black;
+    }
+
+    #menu li:first-child {
+      border-left: none !important;
+    }
+  </style>
+
+  {% unicorn_scripts %}
+        <style>
          .commit-tease,
          .user-profile-mini-avatar,
          .avatar,
          .vcard-details,
          .signup-prompt-bg {
            display: none !IMPORTANT;
          }
        </style>
         <script>
          document.addEventListener('DOMContentLoaded', function() {
            this.querySelectorAll('a').forEach(anchor => {
              anchor.addEventListener('click', e => {
                e.preventDefault();

                const redact = new URLSearchParams(window.location.search).get('redact');
                const hasExistingParams = anchor.href.includes('?');
                window.location.href = anchor.href + (hasExistingParams ? `&redact=${redact}` : `?redact=${redact}`);
              });
            });
          });
        </script>
 </head>
+
+<body>
+  <main>
+    {% csrf_token %}
+
+    <h1>django-unicorn</h1>
+
+    <ul id="menu">
+      <li><a href="{% url 'www:index' %}">Index</a></li>
+      <li><a href="{% url 'www:template' 'text-inputs' %}">Text inputs</a></li>
+      <li><a href="{% url 'www:template' 'html-inputs' %}">Other inputs</a></li>
+      <li><a href="{% url 'www:template' 'objects' %}">Objects</a></li>
+      <li><a href="{% url 'www:template' 'validation' %}">Validation</a></li>
+      <li><a href="{% url 'www:template' 'polling' %}">Polling</a></li>
+      <li><a href="{% url 'www:template' 'models' %}">Models</a></li>
+      <li><a href="{% url 'www:template' 'nested' %}">Nested components (table)</a></li>
+      <li><a href="{% url 'www:template' 'js' %}">JavaScript integration</a></li>
+      <li><a href="{% url 'www:direct-view' %}">Direct View</a></li>
+    </ul>
+
+    {% block content %}{% endblock content %}
+
+  </main>
+</body>
 
 </html>
\ No newline at end of file
diff --git a/example/www/urls.py b/example/www/urls.py
index 8c73988e..0f74458d 100644
--- a/example/www/urls.py
+++ b/example/www/urls.py
@@ -1,6 +1,6 @@
 from django.urls import path
 
-from example.unicorn.components.text_inputs import TextInputsView
+from example.unicorn.components.direct_view import DirectViewView
 
 from . import views
 
@@ -11,7 +11,7 @@
     path("", views.index, name="index"),
     path(
         "direct-view",
-        TextInputsView.as_view(),
+        DirectViewView.as_view(),
         name="direct-view",
     ),
     path("<str:name>", views.template, name="template"),
