diff --git a/templates/429.html b/templates/429.html
new file mode 100644
index 0000000..723c8a0
--- /dev/null
+++ b/templates/429.html
@@ -0,0 +1,13 @@
+{% extends "allauth/layouts/entrance.html" %}
+
+{% load allauth %}
+
+{% block head_title %}
+  Too Many Requests
+{% endblock head_title %}
+{% block content %}
+  {% element h1 %}
+  Too Many Requests
+{% endelement %}
+<p>You are sending too many requests.</p>
+{% endblock content %}
diff --git a/templates/account/base_manage_email.html b/templates/account/base_manage_email.html
new file mode 100644
index 0000000..7c18e31
--- /dev/null
+++ b/templates/account/base_manage_email.html
@@ -0,0 +1,5 @@
+{% extends "allauth/layouts/manage.html" %}
+
+{% block nav_class_email %}
+  {{ block.super }} bg-primary text-base-content
+{% endblock nav_class_email %}
diff --git a/templates/account/base_manage_password.html b/templates/account/base_manage_password.html
new file mode 100644
index 0000000..62b98b4
--- /dev/null
+++ b/templates/account/base_manage_password.html
@@ -0,0 +1,5 @@
+{% extends "allauth/layouts/manage.html" %}
+
+{% block nav_class_password %}
+  {{ block.super }} bg-primary text-base-content
+{% endblock nav_class_password %}
diff --git a/templates/allauth/elements/alert.html b/templates/allauth/elements/alert.html
new file mode 100644
index 0000000..3165bad
--- /dev/null
+++ b/templates/allauth/elements/alert.html
@@ -0,0 +1,6 @@
+{% load allauth %}
+
+<div class="alert {% if attrs.level == "error" %}alert-warning{% else %}alert-info{% endif %} alert-sm">
+  {% slot message %}
+{% endslot %}
+</div>
diff --git a/templates/allauth/elements/badge.html b/templates/allauth/elements/badge.html
new file mode 100644
index 0000000..2e2dcbb
--- /dev/null
+++ b/templates/allauth/elements/badge.html
@@ -0,0 +1,20 @@
+{% load allauth %}
+
+{% setvar variant %}
+{% if "warning" in attrs.tags %}
+  warning
+{% elif "danger" in attrs.tags %}
+  error
+{% elif "secondary" in attrs.tags %}
+  secondary
+{% elif "success" in attrs.tags %}
+  success
+{% else %}
+  primary
+{% endif %}
+{% endsetvar %}
+<span {% if attrs.title %}title="{{ attrs.title }}"{% endif %}
+      class="badge badge-{{ variant }}">
+  {% slot %}
+{% endslot %}
+</span>
diff --git a/templates/allauth/elements/button.html b/templates/allauth/elements/button.html
new file mode 100644
index 0000000..0dc3e4c
--- /dev/null
+++ b/templates/allauth/elements/button.html
@@ -0,0 +1,33 @@
+{% load allauth %}
+
+{% comment %} djlint:off {% endcomment %}
+<{% if attrs.href %}a href="{{ attrs.href }}"{% else %}button{% endif %}
+{% if attrs.form %}form="{{ attrs.form }}"{% endif %}
+{% if attrs.id %}id="{{ attrs.id }}"{% endif %}
+{% if attrs.name %}name="{{ attrs.name }}"{% endif %}
+{% if attrs.type %}type="{{ attrs.type }}"{% endif %}
+{% if attrs.value %}value="{{ attrs.value }}"{% endif %}
+class="{% block class %}
+    btn
+    {% if "link" in attrs.tags %}btn-link
+    {% else %}
+      {% if "prominent" in attrs.tags %}btn-md{% elif "minor" in attrs.tags %}btn-sm{% endif %}
+      {% if 'outline' in attrs.tags %}btn-outline{% endif %}
+      {% if "danger" in attrs.tags %}btn-error{% elif "secondary" in attrs.tags %}btn-secondary{% elif "warning" in attrs.tags %}btn-warning{% else %}btn-primary{% endif %}
+    {% endif %}{% endblock %}">
+    {% if "tool" in attrs.tags %}
+    {% if "delete" in attrs.tags %}
+    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
+      <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z"/>
+      <path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z"/>
+    </svg>
+    {% elif "edit" in attrs.tags %}
+    <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793L14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708zm.646 6.061L9.793 2.5L3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.5.5 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11z"/></svg>
+    {% endif %}
+    {% endif %}
+
+{% if not "tool" in attrs.tags %}
+{% slot %}
+{% endslot %}
+{% endif %}
+</{% if attrs.href %}a{% else %}button{% endif %}>
diff --git a/templates/allauth/elements/button__entrance.html b/templates/allauth/elements/button__entrance.html
new file mode 100644
index 0000000..311f280
--- /dev/null
+++ b/templates/allauth/elements/button__entrance.html
@@ -0,0 +1,8 @@
+{% extends "allauth/elements/button.html" %}
+
+{% load allauth %}
+
+{% block class %}
+  {{ block.super }}
+  w-full
+{% endblock class %}
diff --git a/templates/allauth/elements/button_group.html b/templates/allauth/elements/button_group.html
new file mode 100644
index 0000000..4361b28
--- /dev/null
+++ b/templates/allauth/elements/button_group.html
@@ -0,0 +1,6 @@
+{% load allauth %}
+
+<div class="flex flex-col w-full space-y-4" role="group">
+  {% slot %}
+{% endslot %}
+</div>
diff --git a/templates/allauth/elements/field.html b/templates/allauth/elements/field.html
new file mode 100644
index 0000000..6a9371d
--- /dev/null
+++ b/templates/allauth/elements/field.html
@@ -0,0 +1,93 @@
+{% load allauth %}
+
+{% if attrs.type == "checkbox" or attrs.type == "radio" %}
+  <div class="form-control mb-3">
+    <label class="label cursor-pointer">
+      <input {% if attrs.required %}required{% endif %}
+             name="{{ attrs.name }}"
+             class="{% if attrs.type == 'checkbox' %}checkbox{% else %}radio{% endif %} {% if attrs.disabled %}disabled{% endif %}"
+             id="{{ attrs.id }}"
+             {% if attrs.value is not None %}value="{{ attrs.value }}"{% endif %}
+             {% if attrs.disabled %}disabled{% endif %}
+             type="{{ attrs.type }}" />
+      <span class="label-text">
+        {% slot label %}
+      {% endslot %}
+    </span>
+  </label>
+  {% if slots.help_text %}
+    <div class="label-text-alt">
+      {% slot help_text %}
+    {% endslot %}
+  </div>
+{% endif %}
+</div>
+{% elif attrs.type == "textarea" %}
+<div class="mb-3">
+  <label class="label" for="{{ attrs.id }}">
+    <span class="label-text">
+      {% slot label %}
+    {% endslot %}
+  </span>
+</label>
+<textarea {% if attrs.required %}required{% endif %}
+          {% if attrs.rows %}rows="{{ attrs.rows }}"{% endif %}
+          class="textarea textarea-bordered w-full"
+          name="{{ attrs.name }}"
+          {% if attrs.readonly %}readonly{% endif %}
+          id="{{ attrs.id }}"
+          {% if attrs.disabled %}disabled{% endif %}>{% slot value %}{% endslot %}</textarea>
+{% if slots.help_text %}
+  <div class="label-text-alt">
+    {% slot help_text %}
+  {% endslot %}
+</div>
+{% endif %}
+</div>
+{% elif attrs.type == "hidden" %}
+<input {% if attrs.required %}required{% endif %}
+       name="{{ attrs.name }}"
+       id="{{ attrs.id }}"
+       {% if attrs.value is not None %}value="{{ attrs.value }}"{% endif %}
+       type="hidden" />
+{% else %}
+<div class="mb-3">
+  {% if not attrs.unlabeled %}
+    <label class="label" for="{{ attrs.id }}">
+      <span class="label-text">
+        {% slot label %}
+      {% endslot %}
+    </span>
+  </label>
+{% endif %}
+<input {% if attrs.required %}required{% endif %}
+       name="{{ attrs.name }}"
+       {% if attrs.placeholder %}placeholder="{{ attrs.placeholder }}" {% elif attrs.unlabeled %}placeholder="{% slot label %}{% endslot %}"{% endif %}
+       class="input input-bordered w-full{% if attrs.errors %} input-error{% endif %}"
+       id="{{ attrs.id }}"
+       {% if attrs.readonly %}readonly{% endif %}
+       {% if attrs.disabled %}disabled{% endif %}
+       {% if attrs.tabindex %}tabindex="{{ attrs.tabindex }}"{% endif %}
+       {% if attrs.style %}style="{{ attrs.style }}"{% endif %}
+       {% if attrs.autocomplete %}autocomplete="{{ attrs.autocomplete }}"{% endif %}
+       {% if attrs.value is not None %}value="{{ attrs.value }}"{% endif %}
+       type="{{ attrs.type }}" />
+{% if attrs.unlabeled %}
+  <label class="label" for="{{ attrs.id }}">
+    <span class="label-text">
+      {% slot label %}
+    {% endslot %}
+  </span>
+</label>
+{% endif %}
+{% if slots.help_text %}
+  <div class="label-text-alt">
+    {% slot help_text %}
+  {% endslot %}
+</div>
+{% endif %}
+{% if attrs.errors %}
+  {% for error in attrs.errors %}<div class="text-error">{{ error }}</div>{% endfor %}
+{% endif %}
+</div>
+{% endif %}
diff --git a/templates/allauth/elements/fields.html b/templates/allauth/elements/fields.html
new file mode 100644
index 0000000..b3c2697
--- /dev/null
+++ b/templates/allauth/elements/fields.html
@@ -0,0 +1,12 @@
+{% load allauth %}
+
+{% for bound_field in attrs.form %}
+  {% element field unlabeled=attrs.unlabeled name=bound_field.name type=bound_field.field.widget.input_type required=bound_field.field.required value=bound_field.value id=bound_field.auto_id errors=bound_field.errors placeholder=bound_field.field.widget.attrs.placeholder tabindex=bound_field.field.widget.attrs.tabindex autocomplete=bound_field.field.widget.attrs.autocomplete style=bound_field.field.widget.attrs.style %}
+  {% slot label %}
+  {{ bound_field.label }}
+{% endslot %}
+{% slot help_text %}
+{{ bound_field.field.help_text }}
+{% endslot %}
+{% endelement %}
+{% endfor %}
diff --git a/templates/allauth/elements/form.html b/templates/allauth/elements/form.html
new file mode 100644
index 0000000..256eba3
--- /dev/null
+++ b/templates/allauth/elements/form.html
@@ -0,0 +1,15 @@
+{% load allauth %}
+
+{% for err in attrs.form.non_field_errors %}<div class="alert alert-error">{{ err }}</div>{% endfor %}
+<form class="{% block form_class %}{% if not attrs.no_visible_fields %}card{% endif %}{% endblock form_class %}"
+      method="{{ attrs.method }}"
+      action="{{ attrs.action }}">
+  {% if not attrs.no_visible_fields %}<div class="card-body">{% endif %}
+    {% slot body %}
+  {% endslot %}
+  {% if not attrs.no_visible_fields %}</div>{% endif %}
+{% if not attrs.no_visible_fields %}<div class="card-actions justify-end">{% endif %}
+  {% slot actions %}
+{% endslot %}
+{% if not attrs.no_visible_fields %}</div>{% endif %}
+</form>
diff --git a/templates/allauth/elements/form__entrance.html b/templates/allauth/elements/form__entrance.html
new file mode 100644
index 0000000..d4964b5
--- /dev/null
+++ b/templates/allauth/elements/form__entrance.html
@@ -0,0 +1,4 @@
+{% extends "allauth/elements/form.html" %}
+
+{% block form_class %}
+{% endblock form_class %}
diff --git a/templates/allauth/elements/h1.html b/templates/allauth/elements/h1.html
new file mode 100644
index 0000000..5e6dd6f
--- /dev/null
+++ b/templates/allauth/elements/h1.html
@@ -0,0 +1,6 @@
+{% load allauth %}
+
+<h1 class="mt-4">
+  {% slot %}
+{% endslot %}
+</h1>
diff --git a/templates/allauth/elements/h1__entrance.html b/templates/allauth/elements/h1__entrance.html
new file mode 100644
index 0000000..fd30e5b
--- /dev/null
+++ b/templates/allauth/elements/h1__entrance.html
@@ -0,0 +1,6 @@
+{% load allauth %}
+
+<h1 class="font-bold text-2xl">
+  {% slot %}
+{% endslot %}
+</h1>
diff --git a/templates/allauth/elements/h2__entrance.html b/templates/allauth/elements/h2__entrance.html
new file mode 100644
index 0000000..2e751a8
--- /dev/null
+++ b/templates/allauth/elements/h2__entrance.html
@@ -0,0 +1,6 @@
+{% load allauth %}
+
+<h2 class="font-bold text-lg">
+  {% slot %}
+{% endslot %}
+</h2>
diff --git a/templates/allauth/elements/img.html b/templates/allauth/elements/img.html
new file mode 100644
index 0000000..41d00ef
--- /dev/null
+++ b/templates/allauth/elements/img.html
@@ -0,0 +1,5 @@
+<div class="text-center">
+  <img class="max-w-full h-auto"
+       src="{{ attrs.src }}"
+       {% if attrs.alt %}alt="{{ attrs.alt }}"{% endif %} />
+</div>
diff --git a/templates/allauth/elements/panel.html b/templates/allauth/elements/panel.html
new file mode 100644
index 0000000..9414455
--- /dev/null
+++ b/templates/allauth/elements/panel.html
@@ -0,0 +1,18 @@
+{% load allauth %}
+
+<div class="card shadow-lg mb-4">
+  <div class="card-body">
+    <h5 class="card-title text-lg font-bold">
+      {% slot title %}
+    {% endslot %}
+  </h5>
+  {% slot body %}
+{% endslot %}
+</div>
+{% if slots.actions %}
+  <div class="card-actions justify-end">
+    {% slot actions %}
+  {% endslot %}
+</div>
+{% endif %}
+</div>
diff --git a/templates/allauth/elements/provider.html b/templates/allauth/elements/provider.html
new file mode 100644
index 0000000..d3d0d88
--- /dev/null
+++ b/templates/allauth/elements/provider.html
@@ -0,0 +1,5 @@
+{% load allauth %}
+
+<a class="block px-4 py-2 rounded-lg bg-base-100 hover:bg-base-200"
+   title="{{ attrs.name }}"
+   href="{{ attrs.href }}">{{ attrs.name }}</a>
diff --git a/templates/allauth/elements/provider_list.html b/templates/allauth/elements/provider_list.html
new file mode 100644
index 0000000..ff6ed89
--- /dev/null
+++ b/templates/allauth/elements/provider_list.html
@@ -0,0 +1,6 @@
+{% load allauth %}
+
+<div class="flex flex-col space-y-2">
+  {% slot %}
+{% endslot %}
+</div>
diff --git a/templates/allauth/elements/table.html b/templates/allauth/elements/table.html
new file mode 100644
index 0000000..66fedce
--- /dev/null
+++ b/templates/allauth/elements/table.html
@@ -0,0 +1,6 @@
+{% load allauth %}
+
+<table class="table w-full border-collapse">
+  {% slot %}
+{% endslot %}
+</table>
diff --git a/templates/allauth/layouts/entrance.html b/templates/allauth/layouts/entrance.html
new file mode 100644
index 0000000..5c9d73b
--- /dev/null
+++ b/templates/allauth/layouts/entrance.html
@@ -0,0 +1,29 @@
+{% extends "base.html" %}
+
+{% load allauth %}
+
+{% block body %}
+  <div class="flex-grow flex flex-col justify-center">
+    <div class="flex-grow-0 flex-shrink-0 container mx-auto">
+      <div class="flex justify-center">
+        <div class="w-full lg:w-1/3">
+          {% if messages %}
+            {% for message in messages %}
+              {% element alert level=message.tags %}
+              {% slot message %}
+              {{ message }}
+            {% endslot %}
+          {% endelement %}
+        {% endfor %}
+      {% endif %}
+      <div class="shadow-lg bg-base-200 rounded-lg">
+        <div class="p-6">
+          {% block content %}
+          {% endblock content %}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</div>
+{% endblock body %}
diff --git a/templates/allauth/layouts/manage.html b/templates/allauth/layouts/manage.html
new file mode 100644
index 0000000..9867745
--- /dev/null
+++ b/templates/allauth/layouts/manage.html
@@ -0,0 +1,64 @@
+{% extends "base.html" %}
+
+{% load allauth %}
+
+{% block body %}
+  <div class="flex-grow flex flex-row">
+    <aside class="w-1/5 bg-neutral text-white p-3">
+      <ul class="space-y-2">
+        {% url 'account_email' as email_url_ %}
+        {% if email_url_ %}
+          <li>
+            <a class="{% block nav_class_email %}block px-4 py-2 rounded-lg hover:bg-neutral-focus{% endblock nav_class_email %}"
+               href="{{ email_url_ }}">Change Email</a>
+          </li>
+        {% endif %}
+        {% url 'account_change_password' as change_password_url_ %}
+        {% if change_password_url_ %}
+          <li>
+            <a class="{% block nav_class_password %}block px-4 py-2 rounded-lg hover:bg-neutral-focus{% endblock nav_class_password %}"
+               href="{{ change_password_url_ }}">Change Password</a>
+          </li>
+        {% endif %}
+        {% url 'socialaccount_connections' as connections_url_ %}
+        {% if connections_url_ %}
+          <li>
+            <a class="{% block nav_class_socialaccount %}block px-4 py-2 rounded-lg hover:bg-neutral-focus{% endblock nav_class_socialaccount %}"
+               href="{{ connections_url_ }}">Third-Party Accounts</a>
+          </li>
+        {% endif %}
+        {% url 'mfa_index' as mfa_index_url_ %}
+        {% if mfa_index_url_ %}
+          <li>
+            <a class="{% block nav_class_mfa %}block px-4 py-2 rounded-lg hover:bg-neutral-focus{% endblock nav_class_mfa %}"
+               href="{{ mfa_index_url_ }}">Two-Factor Authentication</a>
+          </li>
+        {% endif %}
+        {% url 'usersessions_list' as usersessions_list_url_ %}
+        {% if usersessions_list_url_ %}
+          <li>
+            <a class="{% block nav_class_usersessions %}block px-4 py-2 rounded-lg hover:bg-neutral-focus{% endblock nav_class_usersessions %}"
+               href="{{ usersessions_list_url_ }}">Sessions</a>
+          </li>
+        {% endif %}
+      </ul>
+    </aside>
+    <main class="w-4/5">
+      <div class="container mx-auto">
+        {% if messages %}
+          <div class="pt-4">
+            {% for message in messages %}
+              {% element alert level=message.tags %}
+              {% slot message %}
+              {{ message }}
+            {% endslot %}
+          {% endelement %}
+        {% endfor %}
+      </div>
+    {% endif %}
+    {% block content %}
+    {% endblock content %}
+  </div>
+</main>
+</div>
+{% endblock body %}
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..0e50f30
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,10 @@
+{% extends "allauth/layouts/entrance.html" %}
+
+{% load allauth %}
+
+{% block content %}
+  {% element h1 %}
+  Example Project
+{% endelement %}
+<p>Welcome to the django-allauth example project.</p>
+{% endblock content %}
diff --git a/templates/mfa/base_manage.html b/templates/mfa/base_manage.html
new file mode 100644
index 0000000..d29d4eb
--- /dev/null
+++ b/templates/mfa/base_manage.html
@@ -0,0 +1,5 @@
+{% extends "allauth/layouts/manage.html" %}
+
+{% block nav_class_mfa %}
+  {{ block.super }} bg-primary text-base-content
+{% endblock nav_class_mfa %}
diff --git a/templates/profile.html b/templates/profile.html
new file mode 100644
index 0000000..ce402dc
--- /dev/null
+++ b/templates/profile.html
@@ -0,0 +1,10 @@
+{% extends "allauth/layouts/manage.html" %}
+
+{% load allauth %}
+
+{% block content %}
+  {% element h1 %}
+  Profile
+{% endelement %}
+<p>Your profile</p>
+{% endblock content %}
diff --git a/templates/socialaccount/base_manage.html b/templates/socialaccount/base_manage.html
new file mode 100644
index 0000000..9921f6f
--- /dev/null
+++ b/templates/socialaccount/base_manage.html
@@ -0,0 +1,5 @@
+{% extends "allauth/layouts/manage.html" %}
+
+{% block nav_class_socialaccount %}
+  {{ block.super }} bg-primary text-base-content
+{% endblock nav_class_socialaccount %}
diff --git a/templates/usersessions/base_manage.html b/templates/usersessions/base_manage.html
new file mode 100644
index 0000000..3828380
--- /dev/null
+++ b/templates/usersessions/base_manage.html
@@ -0,0 +1,5 @@
+{% extends "allauth/layouts/manage.html" %}
+
+{% block nav_class_usersessions %}
+  {{ block.super }} bg-primary text-base-content
+{% endblock nav_class_usersessions %}