diff --git a/app/assets/javascripts/dmails.js b/app/assets/javascripts/dmails.js
new file mode 100644
index 000000000..ebb9b479c
--- /dev/null
+++ b/app/assets/javascripts/dmails.js
@@ -0,0 +1,29 @@
+(function() {
+  Danbooru.Dmail = {};
+  
+  Danbooru.Dmail.initialize_all = function() {
+    $("#c-dmails #preview").hide();
+    
+    this.initialize_preview_link();
+  }
+  
+  Danbooru.Dmail.initialize_preview_link = function() {
+    $("#c-dmails #preview-button").click(function(e) {
+      $.ajax({
+        type: "post",
+        url: "/dtext_preview",
+        data: {
+          body: $("#dmail_body").val()
+        },
+        success: function(data) {
+          $("#preview").html(data).show();
+        }
+      });
+      e.preventDefault();
+    });
+  }
+})();
+
+$(document).ready(function() {
+  Danbooru.Dmail.initialize_all();
+});
diff --git a/app/assets/stylesheets/specific/dmails.css.scss b/app/assets/stylesheets/specific/dmails.css.scss
new file mode 100644
index 000000000..b3902396b
--- /dev/null
+++ b/app/assets/stylesheets/specific/dmails.css.scss
@@ -0,0 +1,14 @@
+@import "../common/000_vars.css.scss";
+
+div#c-dmails {
+  div#preview {
+    margin: 1em 0;
+    border: 1px solid #CCC;
+    padding: 1em;
+    width: 40em;
+    
+    h1 {
+      font-size: $h2_size;
+    }
+  }
+}
\ No newline at end of file
diff --git a/app/views/dmails/search.html.erb b/app/views/dmails/search.html.erb
new file mode 100644
index 000000000..ed6536a3c
--- /dev/null
+++ b/app/views/dmails/search.html.erb
@@ -0,0 +1,15 @@
+<div id="c-dmails">
+  <div id="a-search">
+    <h1>Search Messages</h1>
+    <%= simple_form_for @search do |f| %>
+      <%= hidden_field_tag :folder, params[:folder] %>
+      <%= f.input :title_contains, :required => false, :label => "Title" %>
+      <%= f.input :body_contains, :required => false, :label => "Body" %>
+      <%= f.input :to_name_equals, :required => false, :label => "To" %>
+      <%= f.input :from_name_equals, :required => false, :label => "From" %>
+      <%= f.button :submit, "Search" %>
+    <% end %>    
+  </div>
+</div>
+
+<%= render "secondary_links" %>