diff --git a/.prettierignore b/.prettierignore
index 2de6ff9137..df350adef7 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,7 +1,7 @@
-app/assets/stylesheets/rails_admin/aristo
-app/assets/stylesheets/rails_admin/themes/cerulean
 coverage
 spec/dummy_app/public
 spec/dummy_app/tmp
 spec/support/jquery.simulate.drag-sortable.js
+src/rails_admin/styles/aristo
+src/rails_admin/styles/themes/cerulean
 vendor
diff --git a/app/assets/javascripts/rails_admin/custom/ui.js b/app/assets/javascripts/rails_admin/custom/ui.js
deleted file mode 100644
index 9d6e5c7cb2..0000000000
--- a/app/assets/javascripts/rails_admin/custom/ui.js
+++ /dev/null
@@ -1 +0,0 @@
-// override this file in your application to add custom behaviour
diff --git a/app/assets/javascripts/rails_admin/jquery-ui.js b/app/assets/javascripts/rails_admin/jquery-ui.js
deleted file mode 100644
index 2f31d7f9d9..0000000000
--- a/app/assets/javascripts/rails_admin/jquery-ui.js
+++ /dev/null
@@ -1,3 +0,0 @@
-//= require 'jquery-ui/effect'
-//= require 'jquery-ui/widgets/sortable'
-//= require 'jquery-ui/widgets/autocomplete'
diff --git a/app/assets/javascripts/rails_admin/ra.i18n.js b/app/assets/javascripts/rails_admin/ra.i18n.js
deleted file mode 100644
index 527cdbadd9..0000000000
--- a/app/assets/javascripts/rails_admin/ra.i18n.js
+++ /dev/null
@@ -1,26 +0,0 @@
-(function () {
-  var Locale;
-
-  this.RailsAdmin || (this.RailsAdmin = {});
-
-  this.RailsAdmin.I18n = Locale = (function () {
-    function Locale() {}
-
-    Locale.init = function (locale, translations) {
-      this.locale = locale;
-      this.translations = translations;
-      moment.locale(this.locale);
-      if (typeof this.translations === "string") {
-        this.translations = JSON.parse(this.translations);
-      }
-    };
-
-    Locale.t = function (key) {
-      var humanize;
-      humanize = key.charAt(0).toUpperCase() + key.replace(/_/g, " ").slice(1);
-      return this.translations[key] || humanize;
-    };
-
-    return Locale;
-  })();
-}.call(this));
diff --git a/app/assets/stylesheets/rails_admin/aristo/images/bg_fallback.png b/app/assets/stylesheets/rails_admin/aristo/images/bg_fallback.png
deleted file mode 100644
index 155ebd7e93..0000000000
Binary files a/app/assets/stylesheets/rails_admin/aristo/images/bg_fallback.png and /dev/null differ
diff --git a/app/assets/stylesheets/rails_admin/aristo/images/icon_sprite.png b/app/assets/stylesheets/rails_admin/aristo/images/icon_sprite.png
deleted file mode 100644
index 0b376bf66c..0000000000
Binary files a/app/assets/stylesheets/rails_admin/aristo/images/icon_sprite.png and /dev/null differ
diff --git a/app/assets/stylesheets/rails_admin/aristo/images/progress_bar.gif b/app/assets/stylesheets/rails_admin/aristo/images/progress_bar.gif
deleted file mode 100644
index c3d43fa40b..0000000000
Binary files a/app/assets/stylesheets/rails_admin/aristo/images/progress_bar.gif and /dev/null differ
diff --git a/app/assets/stylesheets/rails_admin/aristo/images/slider_handles.png b/app/assets/stylesheets/rails_admin/aristo/images/slider_handles.png
deleted file mode 100644
index 872eaac305..0000000000
Binary files a/app/assets/stylesheets/rails_admin/aristo/images/slider_handles.png and /dev/null differ
diff --git a/app/assets/stylesheets/rails_admin/aristo/images/ui-icons_222222_256x240.png b/app/assets/stylesheets/rails_admin/aristo/images/ui-icons_222222_256x240.png
deleted file mode 100644
index 664494d838..0000000000
Binary files a/app/assets/stylesheets/rails_admin/aristo/images/ui-icons_222222_256x240.png and /dev/null differ
diff --git a/app/assets/stylesheets/rails_admin/aristo/images/ui-icons_454545_256x240.png b/app/assets/stylesheets/rails_admin/aristo/images/ui-icons_454545_256x240.png
deleted file mode 100644
index 8cccf85760..0000000000
Binary files a/app/assets/stylesheets/rails_admin/aristo/images/ui-icons_454545_256x240.png and /dev/null differ
diff --git a/app/assets/stylesheets/rails_admin/custom/mixins.scss b/app/assets/stylesheets/rails_admin/custom/mixins.scss
deleted file mode 100644
index 70921182fa..0000000000
--- a/app/assets/stylesheets/rails_admin/custom/mixins.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-/*
-  Customize Sass mixins from Twitter-Bootstrap/RailsAdmin theme or add new ones for your own use.
-  Copy this file to your app/assets/rails_admin/custom/mixins.scss, leave this one untouched
-  Don't require it in your application.rb
-
-  Available mixins to use/override:
-
-  https://github.com/twbs/bootstrap-sass/tree/master/assets/stylesheets/bootstrap/mixins
-  https://github.com/railsadminteam/rails_admin/blob/master/app/assets/stylesheets/rails_admin/base/mixins.scss
-  Plus the ones from your theme.
-*/
diff --git a/app/assets/stylesheets/rails_admin/custom/theming.scss b/app/assets/stylesheets/rails_admin/custom/theming.scss
deleted file mode 100644
index 72ca4ecae0..0000000000
--- a/app/assets/stylesheets/rails_admin/custom/theming.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-/*
-  Customize RailsAdmin theme here.
-  Copy this file to your app/assets/stylesheets/rails_admin/custom/theming.scss, leave this one untouched
-  Don't require it in your application.rb
-
-  Look at the markup in RailsAdmin and go there to get inspiration from:
-
-  http://getbootstrap.com
-
-  Test me: (actual color should be the one defined in variables.scss if you did)
-
-  body { background-color: $link-color; }
-*/
diff --git a/app/assets/stylesheets/rails_admin/custom/variables.scss b/app/assets/stylesheets/rails_admin/custom/variables.scss
deleted file mode 100644
index 4e19047169..0000000000
--- a/app/assets/stylesheets/rails_admin/custom/variables.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-/*
-  Customize Sass variables from Twitter-Bootstrap/RailsAdmin theme or add new ones for your own use.
-  Copy this file to your app/assets/rails_admin/custom/variables.scss, leave this one untouched
-  Don't require it in your application.rb
-
-  Available variables to use/override:
-
-  https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss
-  https://github.com/railsadminteam/rails_admin/blob/master/app/assets/stylesheets/rails_admin/base/variables.scss
-  Plus the ones from your themes.
-
-  Test me: pink links
-
-  $link-color: #F0F;
-*/
diff --git a/spec/dummy_app/app/javascript/packs/rails_admin.js b/spec/dummy_app/app/javascript/packs/rails_admin.js
index 913ce15e62..63c31b5973 100644
--- a/spec/dummy_app/app/javascript/packs/rails_admin.js
+++ b/spec/dummy_app/app/javascript/packs/rails_admin.js
@@ -1,2 +1,2 @@
-import "rails_admin/src/base";
+import "rails_admin/src/rails_admin/base";
 import "../stylesheets/rails_admin.scss";
diff --git a/spec/dummy_app/app/javascript/stylesheets/rails_admin.scss b/spec/dummy_app/app/javascript/stylesheets/rails_admin.scss
index 927a8bb6ae..6ec27d11b3 100644
--- a/spec/dummy_app/app/javascript/stylesheets/rails_admin.scss
+++ b/spec/dummy_app/app/javascript/stylesheets/rails_admin.scss
@@ -1 +1 @@
-@import "~rails_admin/src/styles/base.scss";
+@import "~rails_admin/src/rails_admin/styles/base.scss";
diff --git a/src/rails_admin/base.js b/src/rails_admin/base.js
new file mode 100644
index 0000000000..930147d54a
--- /dev/null
+++ b/src/rails_admin/base.js
@@ -0,0 +1,21 @@
+import Rails from "@rails/ujs";
+import jQuery from "jquery";
+import moment from "moment";
+import "./vendor/jquery.pjax";
+import "./vendor/jquery_nested_form";
+import "bootstrap";
+import "moment/min/locales.js";
+import "eonasdan-bootstrap-datetimepicker";
+
+import "./filter-box";
+import "./filtering-multiselect";
+import "./filtering-select";
+import "./nested-form-hooks";
+import "./remote-form";
+import "./sidescroll";
+import "./ui";
+import "./widgets";
+
+Rails.start();
+window.$ = window.jQuery = jQuery;
+window.moment = moment;
diff --git a/app/assets/javascripts/rails_admin/ra.filter-box.js b/src/rails_admin/filter-box.js
similarity index 89%
rename from app/assets/javascripts/rails_admin/ra.filter-box.js
rename to src/rails_admin/filter-box.js
index 522b9249f7..c5cca7c902 100644
--- a/app/assets/javascripts/rails_admin/ra.filter-box.js
+++ b/src/rails_admin/filter-box.js
@@ -1,3 +1,7 @@
+import jQuery from "jquery";
+import moment from "moment";
+import I18n from "./i18n";
+
 (function ($) {
   var filters;
 
@@ -25,22 +29,22 @@
             .append(
               $('<option value="true"></option>')
                 .prop("selected", field_value == "true")
-                .text(RailsAdmin.I18n.t("true"))
+                .text(I18n.t("true"))
             )
             .append(
               $('<option value="false"></option>')
                 .prop("selected", field_value == "false")
-                .text(RailsAdmin.I18n.t("false"))
+                .text(I18n.t("false"))
             );
           if (!required) {
             control.append([
               '<option disabled="disabled">---------</option>',
               $('<option value="_present"></option>')
                 .prop("selected", field_value == "_present")
-                .text(RailsAdmin.I18n.t("is_present")),
+                .text(I18n.t("is_present")),
               $('<option value="_blank"></option>')
                 .prop("selected", field_value == "_blank")
-                .text(RailsAdmin.I18n.t("is_blank")),
+                .text(I18n.t("is_blank")),
             ]);
           }
           break;
@@ -59,31 +63,29 @@
                   '<option data-additional-fieldset="default" value="default"></option>'
                 )
                   .prop("selected", field_operator == "default")
-                  .text(
-                    RailsAdmin.I18n.t(field_type == "time" ? "time" : "date")
-                  )
+                  .text(I18n.t(field_type == "time" ? "time" : "date"))
               )
               .append(
                 $(
                   '<option data-additional-fieldset="between" value="between"></option>'
                 )
                   .prop("selected", field_operator == "between")
-                  .text(RailsAdmin.I18n.t("between_and_"))
+                  .text(I18n.t("between_and_"))
               );
           if (field_type != "time") {
             control.append([
               $('<option value="today"></option>')
                 .prop("selected", field_operator == "today")
-                .text(RailsAdmin.I18n.t("today")),
+                .text(I18n.t("today")),
               $('<option value="yesterday"></option>')
                 .prop("selected", field_operator == "yesterday")
-                .text(RailsAdmin.I18n.t("yesterday")),
+                .text(I18n.t("yesterday")),
               $('<option value="this_week"></option>')
                 .prop("selected", field_operator == "this_week")
-                .text(RailsAdmin.I18n.t("this_week")),
+                .text(I18n.t("this_week")),
               $('<option value="last_week"></option>')
                 .prop("selected", field_operator == "last_week")
-                .text(RailsAdmin.I18n.t("last_week")),
+                .text(I18n.t("last_week")),
             ]);
           }
           if (!required) {
@@ -91,10 +93,10 @@
               '<option disabled="disabled">---------</option>',
               $('<option value="_not_null"></option>')
                 .prop("selected", field_operator == "_not_null")
-                .text(RailsAdmin.I18n.t("is_present")),
+                .text(I18n.t("is_present")),
               $('<option value="_null"></option>')
                 .prop("selected", field_operator == "_null")
-                .text(RailsAdmin.I18n.t("is_blank")),
+                .text(I18n.t("is_blank")),
             ]);
           }
           additional_control = $.map(
@@ -139,10 +141,10 @@
                 : [
                     $('<option value="_present"></option>')
                       .prop("selected", field_value == "_present")
-                      .text(RailsAdmin.I18n.t("is_present")),
+                      .text(I18n.t("is_present")),
                     $('<option value="_blank"></option>')
                       .prop("selected", field_value == "_blank")
-                      .text(RailsAdmin.I18n.t("is_blank")),
+                      .text(I18n.t("is_blank")),
                     '<option disabled="disabled">---------</option>',
                   ]
             )
@@ -179,45 +181,45 @@
                 '<option data-additional-fieldset="additional-fieldset" value="like"></option>'
               )
                 .prop("selected", field_operator == "like")
-                .text(RailsAdmin.I18n.t("contains"))
+                .text(I18n.t("contains"))
             )
             .append(
               $(
                 '<option data-additional-fieldset="additional-fieldset" value="not_like"></option>'
               )
                 .prop("selected", field_operator == "not_like")
-                .text(RailsAdmin.I18n.t("does_not_contain"))
+                .text(I18n.t("does_not_contain"))
             )
             .append(
               $(
                 '<option data-additional-fieldset="additional-fieldset" value="is"></option>'
               )
                 .prop("selected", field_operator == "is")
-                .text(RailsAdmin.I18n.t("is_exactly"))
+                .text(I18n.t("is_exactly"))
             )
             .append(
               $(
                 '<option data-additional-fieldset="additional-fieldset" value="starts_with"></option>'
               )
                 .prop("selected", field_operator == "starts_with")
-                .text(RailsAdmin.I18n.t("starts_with"))
+                .text(I18n.t("starts_with"))
             )
             .append(
               $(
                 '<option data-additional-fieldset="additional-fieldset" value="ends_with"></option>'
               )
                 .prop("selected", field_operator == "ends_with")
-                .text(RailsAdmin.I18n.t("ends_with"))
+                .text(I18n.t("ends_with"))
             );
           if (!required) {
             control.append([
               '<option disabled="disabled">---------</option>',
               $('<option value="_present"></option>')
                 .prop("selected", field_operator == "_present")
-                .text(RailsAdmin.I18n.t("is_present")),
+                .text(I18n.t("is_present")),
               $('<option value="_blank"></option>')
                 .prop("selected", field_operator == "_blank")
-                .text(RailsAdmin.I18n.t("is_blank")),
+                .text(I18n.t("is_blank")),
             ]);
           }
           additional_control = $(
@@ -244,24 +246,24 @@
                 '<option data-additional-fieldset="default" value="default"></option>'
               )
                 .prop("selected", field_operator == "default")
-                .text(RailsAdmin.I18n.t("number"))
+                .text(I18n.t("number"))
             )
             .append(
               $(
                 '<option data-additional-fieldset="between" value="between"></option>'
               )
                 .prop("selected", field_operator == "between")
-                .text(RailsAdmin.I18n.t("between_and_"))
+                .text(I18n.t("between_and_"))
             );
           if (!required) {
             control.append([
               '<option disabled="disabled">---------</option>',
               $('<option value="_not_null"></option>')
                 .prop("selected", field_operator == "_not_null")
-                .text(RailsAdmin.I18n.t("is_present")),
+                .text(I18n.t("is_present")),
               $('<option value="_null"></option>')
                 .prop("selected", field_operator == "_null")
-                .text(RailsAdmin.I18n.t("is_blank")),
+                .text(I18n.t("is_blank")),
             ]);
           }
           additional_control = $(
@@ -331,7 +333,7 @@
       $content.find(".date, .datetime").each(function () {
         $(this).datetimepicker({
           date: moment($(this).siblings("[type=hidden]").val()),
-          locale: RailsAdmin.I18n.locale,
+          locale: I18n.locale,
           showTodayButton: true,
           format: options["datetimepicker_format"],
         });
@@ -365,7 +367,7 @@
 
   $(document).on("click", "#filters_box .delete", function (e) {
     e.preventDefault();
-    form = $(this).parents("form");
+    var form = $(this).parents("form");
     $(this).parents(".filter").remove();
     !$("#filters_box").children().length &&
       $("hr.filters_box:visible").hide("slow");
@@ -387,7 +389,8 @@
     "#filters_box .switch-additional-fieldsets",
     function (e) {
       var selected_option = $(this).find("option:selected");
-      if ((klass = $(selected_option).data("additional-fieldset"))) {
+      var klass = $(selected_option).data("additional-fieldset");
+      if (klass) {
         $(this)
           .siblings(".additional-fieldset:not(." + klass + ")")
           .hide("slow");
diff --git a/app/assets/javascripts/rails_admin/ra.filtering-multiselect.js b/src/rails_admin/filtering-multiselect.js
similarity index 97%
rename from app/assets/javascripts/rails_admin/ra.filtering-multiselect.js
rename to src/rails_admin/filtering-multiselect.js
index 208103d669..a9dc7cb9b1 100644
--- a/app/assets/javascripts/rails_admin/ra.filtering-multiselect.js
+++ b/src/rails_admin/filtering-multiselect.js
@@ -1,14 +1,7 @@
-/*
- * RailsAdmin filtering multiselect @VERSION
- *
- * License
- *
- * http://www.railsadmin.org
- *
- * Depends:
- *   jquery.ui.core.js
- *   jquery.ui.widget.js
- */
+import jQuery from "jquery";
+import "jquery-ui/ui/widget";
+import I18n from "./i18n";
+
 (function ($) {
   $.widget("ra.filteringMultiselect", {
     _cache: {},
@@ -152,10 +145,10 @@
       this.element.css({ display: "none" });
 
       this.tooManyObjectsPlaceholder = $('<option disabled="disabled" />').text(
-        RailsAdmin.I18n.t("too_many_objects")
+        I18n.t("too_many_objects")
       );
       this.noObjectsPlaceholder = $('<option disabled="disabled" />').text(
-        RailsAdmin.I18n.t("no_objects")
+        I18n.t("no_objects")
       );
 
       if (this.options.xhr) {
@@ -301,7 +294,7 @@
         if (!this.options.xhr) {
           for (i in this._cache) {
             if (this._cache.hasOwnProperty(i)) {
-              option = this._cache[i];
+              var option = this._cache[i];
               matches.push({ id: option.id, label: option.value });
             }
           }
@@ -327,7 +320,7 @@
               this._cache.hasOwnProperty(i) &&
               query.test(this._cache[i]["value"])
             ) {
-              option = this._cache[i];
+              var option = this._cache[i];
               matches.push({ id: option.id, label: option.value });
             }
           }
diff --git a/app/assets/javascripts/rails_admin/ra.filtering-select.js b/src/rails_admin/filtering-select.js
similarity index 95%
rename from app/assets/javascripts/rails_admin/ra.filtering-select.js
rename to src/rails_admin/filtering-select.js
index 056bbca3af..6933a2609f 100644
--- a/app/assets/javascripts/rails_admin/ra.filtering-select.js
+++ b/src/rails_admin/filtering-select.js
@@ -1,18 +1,8 @@
-/*
- * RailsAdmin filtering select @VERSION
- *
- * Based on the combobox example from jQuery UI documentation
- * http://jqueryui.com/demos/autocomplete/#combobox
- *
- * License
- *
- * http://www.railsadmin.org
- *
- * Depends:
- *   jquery.ui.core.js
- *   jquery.ui.widget.js
- *   jquery.ui.autocomplete.js
- */
+import jQuery from "jquery";
+import "jquery-ui/ui/widget";
+import "jquery-ui/ui/widgets/autocomplete";
+import I18n from "./i18n";
+
 (function ($) {
   "use strict";
 
@@ -52,10 +42,10 @@
       }
       this.clearOption = $('<span style="color: #888"></span>').append(
         '<i class="fas fa-times"></i> ' +
-          $("<span></span>").text(RailsAdmin.I18n.t("clear")).html()
+          $("<span></span>").text(I18n.t("clear")).html()
       );
       this.noObjectsPlaceholder = $('<option disabled="disabled" />').text(
-        RailsAdmin.I18n.t("no_objects")
+        I18n.t("no_objects")
       );
 
       this._setOptionsSource();
diff --git a/src/rails_admin/i18n.js b/src/rails_admin/i18n.js
new file mode 100644
index 0000000000..98d72a3b78
--- /dev/null
+++ b/src/rails_admin/i18n.js
@@ -0,0 +1,19 @@
+import moment from "moment";
+
+export default {
+  locale: null,
+  translations: null,
+  init(locale, translations) {
+    this.locale = locale;
+    this.translations = translations;
+    moment.locale(this.locale);
+    if (typeof this.translations === "string") {
+      this.translations = JSON.parse(this.translations);
+    }
+  },
+  t(key) {
+    var humanize;
+    humanize = key.charAt(0).toUpperCase() + key.replace(/_/g, " ").slice(1);
+    return this.translations[key] || humanize;
+  },
+};
diff --git a/app/assets/images/rails_admin/aristo/images/bg_fallback.png b/src/rails_admin/images/aristo/images/bg_fallback.png
similarity index 100%
rename from app/assets/images/rails_admin/aristo/images/bg_fallback.png
rename to src/rails_admin/images/aristo/images/bg_fallback.png
diff --git a/app/assets/images/rails_admin/aristo/images/icon_sprite.png b/src/rails_admin/images/aristo/images/icon_sprite.png
similarity index 100%
rename from app/assets/images/rails_admin/aristo/images/icon_sprite.png
rename to src/rails_admin/images/aristo/images/icon_sprite.png
diff --git a/app/assets/images/rails_admin/aristo/images/progress_bar.gif b/src/rails_admin/images/aristo/images/progress_bar.gif
similarity index 100%
rename from app/assets/images/rails_admin/aristo/images/progress_bar.gif
rename to src/rails_admin/images/aristo/images/progress_bar.gif
diff --git a/app/assets/images/rails_admin/aristo/images/slider_handles.png b/src/rails_admin/images/aristo/images/slider_handles.png
similarity index 100%
rename from app/assets/images/rails_admin/aristo/images/slider_handles.png
rename to src/rails_admin/images/aristo/images/slider_handles.png
diff --git a/app/assets/images/rails_admin/aristo/images/ui-icons_222222_256x240.png b/src/rails_admin/images/aristo/images/ui-icons_222222_256x240.png
similarity index 100%
rename from app/assets/images/rails_admin/aristo/images/ui-icons_222222_256x240.png
rename to src/rails_admin/images/aristo/images/ui-icons_222222_256x240.png
diff --git a/app/assets/images/rails_admin/aristo/images/ui-icons_454545_256x240.png b/src/rails_admin/images/aristo/images/ui-icons_454545_256x240.png
similarity index 100%
rename from app/assets/images/rails_admin/aristo/images/ui-icons_454545_256x240.png
rename to src/rails_admin/images/aristo/images/ui-icons_454545_256x240.png
diff --git a/app/assets/images/rails_admin/bullet_black.png b/src/rails_admin/images/bullet_black.png
similarity index 100%
rename from app/assets/images/rails_admin/bullet_black.png
rename to src/rails_admin/images/bullet_black.png
diff --git a/app/assets/images/rails_admin/bullet_white.png b/src/rails_admin/images/bullet_white.png
similarity index 100%
rename from app/assets/images/rails_admin/bullet_white.png
rename to src/rails_admin/images/bullet_white.png
diff --git a/app/assets/images/rails_admin/calendar.png b/src/rails_admin/images/calendar.png
similarity index 100%
rename from app/assets/images/rails_admin/calendar.png
rename to src/rails_admin/images/calendar.png
diff --git a/app/assets/images/rails_admin/clock.png b/src/rails_admin/images/clock.png
similarity index 100%
rename from app/assets/images/rails_admin/clock.png
rename to src/rails_admin/images/clock.png
diff --git a/app/assets/images/rails_admin/logo.png b/src/rails_admin/images/logo.png
similarity index 100%
rename from app/assets/images/rails_admin/logo.png
rename to src/rails_admin/images/logo.png
diff --git a/app/assets/images/rails_admin/magnifier.png b/src/rails_admin/images/magnifier.png
similarity index 100%
rename from app/assets/images/rails_admin/magnifier.png
rename to src/rails_admin/images/magnifier.png
diff --git a/app/assets/images/rails_admin/multiselect/icon_sprite.png b/src/rails_admin/images/multiselect/icon_sprite.png
similarity index 100%
rename from app/assets/images/rails_admin/multiselect/icon_sprite.png
rename to src/rails_admin/images/multiselect/icon_sprite.png
diff --git a/app/assets/images/rails_admin/multiselect/ui-icon-circle-triangle-n-dark.png b/src/rails_admin/images/multiselect/ui-icon-circle-triangle-n-dark.png
similarity index 100%
rename from app/assets/images/rails_admin/multiselect/ui-icon-circle-triangle-n-dark.png
rename to src/rails_admin/images/multiselect/ui-icon-circle-triangle-n-dark.png
diff --git a/app/assets/images/rails_admin/multiselect/ui-icon-circle-triangle-n-light.png b/src/rails_admin/images/multiselect/ui-icon-circle-triangle-n-light.png
similarity index 100%
rename from app/assets/images/rails_admin/multiselect/ui-icon-circle-triangle-n-light.png
rename to src/rails_admin/images/multiselect/ui-icon-circle-triangle-n-light.png
diff --git a/app/assets/images/rails_admin/multiselect/ui-icon-circle-triangle-s-dark.png b/src/rails_admin/images/multiselect/ui-icon-circle-triangle-s-dark.png
similarity index 100%
rename from app/assets/images/rails_admin/multiselect/ui-icon-circle-triangle-s-dark.png
rename to src/rails_admin/images/multiselect/ui-icon-circle-triangle-s-dark.png
diff --git a/app/assets/images/rails_admin/multiselect/ui-icon-circle-triangle-s-light.png b/src/rails_admin/images/multiselect/ui-icon-circle-triangle-s-light.png
similarity index 100%
rename from app/assets/images/rails_admin/multiselect/ui-icon-circle-triangle-s-light.png
rename to src/rails_admin/images/multiselect/ui-icon-circle-triangle-s-light.png
diff --git a/app/assets/javascripts/rails_admin/ra.nested-form-hooks.js b/src/rails_admin/nested-form-hooks.js
similarity index 99%
rename from app/assets/javascripts/rails_admin/ra.nested-form-hooks.js
rename to src/rails_admin/nested-form-hooks.js
index 4b87880b14..6169b67963 100644
--- a/app/assets/javascripts/rails_admin/ra.nested-form-hooks.js
+++ b/src/rails_admin/nested-form-hooks.js
@@ -1,3 +1,5 @@
+import jQuery from "jquery";
+
 (function ($) {
   $(document).ready(function () {
     return (window.nestedFormEvents.insertFields = function (
diff --git a/app/assets/javascripts/rails_admin/ra.remote-form.js b/src/rails_admin/remote-form.js
similarity index 95%
rename from app/assets/javascripts/rails_admin/ra.remote-form.js
rename to src/rails_admin/remote-form.js
index df262132bf..345f7a19ca 100644
--- a/app/assets/javascripts/rails_admin/ra.remote-form.js
+++ b/src/rails_admin/remote-form.js
@@ -1,15 +1,7 @@
-/*
- * RailsAdmin remote form @VERSION
- *
- * License
- *
- * http://www.railsadmin.org
- *
- * Depends:
- *   jquery.ui.core.js
- *   jquery.ui.widget.js
- *   jquery.ui.dialog.js
- */
+import Rails from "@rails/ujs";
+import jQuery from "jquery";
+import "jquery-ui/ui/widget";
+
 (function ($) {
   $.widget("ra.remoteForm", {
     _create: function () {
@@ -40,7 +32,8 @@
         .find(".update")
         .unbind()
         .bind("click", function (e) {
-          if ((value = dom_widget.find("select").val())) {
+          var value = dom_widget.find("select").val();
+          if (value) {
             widget._bindModalOpening(
               e,
               $(this).data("link").replace("__ID__", value)
@@ -53,7 +46,7 @@
 
     _bindModalOpening: function (e, url) {
       e.preventDefault();
-      widget = this;
+      var widget = this;
       if ($("#modal").length) return false;
 
       var dialog = this._getModal();
@@ -100,7 +93,7 @@
         .find(".save-action")
         .unbind()
         .click(function () {
-          window.Rails.fire(form[0], "submit");
+          Rails.fire(form[0], "submit");
           return false;
         })
         .html(saveButtonText);
diff --git a/app/assets/javascripts/rails_admin/ra.sidescroll.js b/src/rails_admin/sidescroll.js
similarity index 96%
rename from app/assets/javascripts/rails_admin/ra.sidescroll.js
rename to src/rails_admin/sidescroll.js
index 278f681192..e653c1d09d 100644
--- a/app/assets/javascripts/rails_admin/ra.sidescroll.js
+++ b/src/rails_admin/sidescroll.js
@@ -1,4 +1,4 @@
-(function ($) {
+(function () {
   "use strict";
 
   document.addEventListener("rails_admin.dom_ready", () => {
@@ -24,4 +24,4 @@
         });
     });
   });
-})(jQuery);
+})();
diff --git a/app/assets/stylesheets/rails_admin/aristo/jquery-ui-1.8.7.custom.scss b/src/rails_admin/styles/aristo/jquery-ui-1.8.7.custom.scss
similarity index 94%
rename from app/assets/stylesheets/rails_admin/aristo/jquery-ui-1.8.7.custom.scss
rename to src/rails_admin/styles/aristo/jquery-ui-1.8.7.custom.scss
index 7c539a0529..0c0cdee580 100644
--- a/app/assets/stylesheets/rails_admin/aristo/jquery-ui-1.8.7.custom.scss
+++ b/src/rails_admin/styles/aristo/jquery-ui-1.8.7.custom.scss
@@ -63,7 +63,7 @@
 .ui-widget-content a { color: #4F4F4F; }
 .ui-widget-header { border: 1px solid #B6B6B6; color: #4F4F4F; font-weight: bold; }
 .ui-widget-header {
-	background: #ededed image-url('rails_admin/aristo/images/bg_fallback.png') 0 0 repeat-x; /* Old browsers */
+	background: #ededed url('~rails_admin/src/rails_admin/images/aristo/images/bg_fallback.png') 0 0 repeat-x; /* Old browsers */
 		background: -moz-linear-gradient(top, #ededed 0%, #c4c4c4 100%); /* FF3.6+ */
 		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */
 		background: -webkit-linear-gradient(top, #ededed 0%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */
@@ -77,7 +77,7 @@
 ----------------------------------*/
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #B6B6B6; font-weight: normal; color: #4F4F4F; }
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
-	background: #ededed image-url('rails_admin/aristo/images/bg_fallback.png') 0 0 repeat-x; /* Old browsers */
+	background: #ededed url('~rails_admin/src/rails_admin/images/aristo/images/bg_fallback.png') 0 0 repeat-x; /* Old browsers */
 		background: -moz-linear-gradient(top, #ededed 0%, #c4c4c4 100%); /* FF3.6+ */
 		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#c4c4c4)); /* Chrome,Safari4+ */
 		background: -webkit-linear-gradient(top, #ededed 0%,#c4c4c4 100%); /* Chrome10+,Safari5.1+ */
@@ -94,7 +94,7 @@
 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
 	outline: none;
 	color: #1c4257; border: 1px solid #7096ab;
-	background: #ededed image-url('rails_admin/aristo/images/bg_fallback.png') 0 -50px repeat-x; /* Old browsers */
+	background: #ededed url('~rails_admin/src/rails_admin/images/aristo/images/bg_fallback.png') 0 -50px repeat-x; /* Old browsers */
 		background: -moz-linear-gradient(top, #b9e0f5 0%, #92bdd6 100%); /* FF3.6+ */
 		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9e0f5), color-stop(100%,#92bdd6)); /* Chrome,Safari4+ */
 		background: -webkit-linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); /* Chrome10+,Safari5.1+ */
@@ -123,14 +123,14 @@
 ----------------------------------*/
 
 /* states and images */
-.ui-icon { width: 16px; height: 16px; background-image: image-url('rails_admin/aristo/images/ui-icons_222222_256x240.png'); }
-.ui-widget-content .ui-icon {background-image: image-url('rails_admin/aristo/images/ui-icons_222222_256x240.png'); }
-.ui-widget-header .ui-icon {background-image: image-url('rails_admin/aristo/images/ui-icons_222222_256x240.png'); }
-.ui-state-default .ui-icon { background-image: image-url('rails_admin/aristo/images/ui-icons_454545_256x240.png'); }
-.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: image-url('rails_admin/aristo/images/ui-icons_454545_256x240.png'); }
-.ui-state-active .ui-icon {background-image: image-url('rails_admin/aristo/images/ui-icons_454545_256x240.png'); }
-.ui-state-highlight .ui-icon {background-image: image-url('rails_admin/aristo/images/ui-icons_454545_256x240.png'); }
-.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background: image-url('rails_admin/aristo/images/icon_sprite.png') -16px 0 no-repeat !important; }
+.ui-icon { width: 16px; height: 16px; background-image: url('~rails_admin/src/rails_admin/images/aristo/images/ui-icons_222222_256x240.png'); }
+.ui-widget-content .ui-icon {background-image: url('~rails_admin/src/rails_admin/images/aristo/images/ui-icons_222222_256x240.png'); }
+.ui-widget-header .ui-icon {background-image: url('~rails_admin/src/rails_admin/images/aristo/images/ui-icons_222222_256x240.png'); }
+.ui-state-default .ui-icon { background-image: url('~rails_admin/src/rails_admin/images/aristo/images/ui-icons_454545_256x240.png'); }
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('~rails_admin/src/rails_admin/images/aristo/images/ui-icons_454545_256x240.png'); }
+.ui-state-active .ui-icon {background-image: url('~rails_admin/src/rails_admin/images/aristo/images/ui-icons_454545_256x240.png'); }
+.ui-state-highlight .ui-icon {background-image: url('~rails_admin/src/rails_admin/images/aristo/images/ui-icons_454545_256x240.png'); }
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background: url('~rails_admin/src/rails_admin/images/aristo/images/icon_sprite.png') -16px 0 no-repeat !important; }
 .ui-state-highlight .ui-icon, .ui-state-error .ui-icon { margin-top: -1px; }
 
 /* positioning */
@@ -255,7 +255,7 @@
 .ui-icon-video { background-position: -224px -128px; }
 .ui-icon-script { background-position: -240px -128px; }
 .ui-icon-alert { background-position: 0 -144px; }
-.ui-icon-info { background: image-url('rails_admin/aristo/images/icon_sprite.png') 0 0 no-repeat !important; }
+.ui-icon-info { background: url('~rails_admin/src/rails_admin/images/aristo/images/icon_sprite.png') 0 0 no-repeat !important; }
 .ui-icon-notice { background-position: -32px -144px; }
 .ui-icon-help { background-position: -48px -144px; }
 .ui-icon-check { background-position: -64px -144px; }
@@ -475,7 +475,7 @@ button.ui-button-icons-only { width: 3.7em; }
 	outline: none;
 	color: #1c4257;
 	border-color: #7096ab;
-	background: #ededed image-url('rails_admin/aristo/images/bg_fallback.png') 0 -50px repeat-x; /* Old browsers */
+	background: #ededed url('~rails_admin/src/rails_admin/images/aristo/images/bg_fallback.png') 0 -50px repeat-x; /* Old browsers */
 		background: -moz-linear-gradient(top, #b9e0f5 0%, #92bdd6 100%); /* FF3.6+ */
 		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9e0f5), color-stop(100%,#92bdd6)); /* Chrome,Safari4+ */
 		background: -webkit-linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); /* Chrome10+,Safari5.1+ */
@@ -521,7 +521,7 @@ input.ui-button::-moz-focus-inner {
 .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
 .ui-buttonset .ui-button.ui-state-active { color: #1c4257; border-color: #7096ab; }
 .ui-buttonset .ui-button.ui-state-active {
-	background: #ededed image-url('rails_admin/aristo/images/bg_fallback.png') 0 -50px repeat-x; /* Old browsers */
+	background: #ededed url('~rails_admin/src/rails_admin/images/aristo/images/bg_fallback.png') 0 -50px repeat-x; /* Old browsers */
 		background: -moz-linear-gradient(top, #b9e0f5 0%, #92bdd6 100%); /* FF3.6+ */
 		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9e0f5), color-stop(100%,#92bdd6)); /* Chrome,Safari4+ */
 		background: -webkit-linear-gradient(top, #b9e0f5 0%,#92bdd6 100%); /* Chrome10+,Safari5.1+ */
@@ -552,7 +552,7 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
 .ui-dialog .ui-dialog-titlebar { padding: 0.7em 1em 0.6em 1em; position: relative; border: none; border-bottom: 1px solid #979797; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;  }
 .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; font-size: 14px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); } 
 .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .8em; top: 55%; width: 16px; margin: -10px 0 0 0; padding: 0; height: 16px; }
-.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; background: image-url('rails_admin/aristo/images/icon_sprite.png') 0 -16px no-repeat; }
+.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; background: url('~rails_admin/src/rails_admin/images/aristo/images/icon_sprite.png') 0 -16px no-repeat; }
 .ui-dialog .ui-dialog-titlebar-close:hover span { background-position: -16px -16px; }
 .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; border: 0; }
 .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
@@ -572,7 +572,7 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
  */
 .ui-slider { position: relative; text-align: left; background: #d7d7d7; z-index: 1; }
 .ui-slider { -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset; }
-.ui-slider .ui-slider-handle { background: image-url('rails_admin/aristo/images/slider_handles.png') 0px -23px no-repeat; position: absolute; z-index: 2; width: 23px; height: 23px; cursor: default; border: none; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
+.ui-slider .ui-slider-handle { background: url('~rails_admin/src/rails_admin/images/aristo/images/slider_handles.png') 0px -23px no-repeat; position: absolute; z-index: 2; width: 23px; height: 23px; cursor: default; border: none; outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
 .ui-slider  .ui-state-hover, .ui-slider  .ui-state-active { background-position: 0 0; }
 .ui-slider .ui-slider-range { background: #a3cae0; position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
 .ui-slider .ui-slider-range { -moz-box-shadow: 0 1px 2px rgba(17,35,45,0.6) inset; -webkit-box-shadow: 0 1px 2px rgba(17,35,45,0.6) inset; box-shadow: 0 1px 2px rgba(17,35,45,0.6) inset; }
@@ -640,7 +640,7 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
 .ui-datepicker .ui-datepicker-next span { background-position: -16px -32px !important; }
 .ui-datepicker .ui-datepicker-prev-hover span { background-position: 0px -48px !important; }
 .ui-datepicker .ui-datepicker-next-hover span { background-position: -16px -48px !important; }
-.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; background: image-url('rails_admin/aristo/images/icon_sprite.png') no-repeat; }
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; background: url('~rails_admin/src/rails_admin/images/aristo/images/icon_sprite.png') no-repeat; }
 .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; font-size: 12px; text-shadow: 0 1px 0 rgba(255,255,255,0.6); }
 .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
 .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
@@ -701,8 +701,8 @@ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra pad
  *
  * http://docs.jquery.com/UI/Progressbar#theming
  */
-.ui-progressbar { height: 12px; text-align: left; background: #FFF image-url('rails_admin/aristo/images/progress_bar.gif') 0 -14px repeat-x; }
-.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; background: image-url('rails_admin/aristo/images/progress_bar.gif') 0 0 repeat-x; }
+.ui-progressbar { height: 12px; text-align: left; background: #FFF url('~rails_admin/src/rails_admin/images/aristo/images/progress_bar.gif') 0 -14px repeat-x; }
+.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; background: url('~rails_admin/src/rails_admin/images/aristo/images/progress_bar.gif') 0 0 repeat-x; }
 
 /* Extra Input Field Styling */
 .ui-form textarea, .ui-form input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]) {
diff --git a/src/rails_admin/styles/base.scss b/src/rails_admin/styles/base.scss
new file mode 100644
index 0000000000..4427a4bc65
--- /dev/null
+++ b/src/rails_admin/styles/base.scss
@@ -0,0 +1,65 @@
+@charset "UTF-8";
+
+/***  Variables  ***/
+
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/_variables";
+@import "base/variables";
+@import "themes/default/variables";
+
+/***  Mixins  ***/
+
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/mixins";
+@import "base/mixins";
+@import "themes/default/mixins";
+
+/***  Libraries  ***/
+
+@import "./aristo/jquery-ui-1.8.7.custom";
+@import "~eonasdan-bootstrap-datetimepicker/src/sass/bootstrap-datetimepicker-build";
+@import "./filtering-multiselect";
+@import "./widgets";
+@import "./sidescroll";
+
+/*** Font-awesome ***/
+
+$fa-font-path: "~@fortawesome/fontawesome-free/webfonts";
+@import "~@fortawesome/fontawesome-free/scss/solid";
+@import "~@fortawesome/fontawesome-free/scss/fontawesome";
+
+/***  Bootstrap Theming  ***/
+
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/normalize";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/scaffolding";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/grid";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/type";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/forms";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/tables";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/dropdowns";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/wells";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/component-animations";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/close";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/buttons";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/button-groups";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/input-groups";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/alerts";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/navs";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/navbar";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/breadcrumbs";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/pagination";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/pager";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/modals";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/tooltip";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/popovers";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/thumbnails";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/labels";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/panels";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/badges";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/progress-bars";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/carousel";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/utilities";
+@import "~bootstrap-sass/assets/stylesheets/bootstrap/responsive-utilities";
+
+/***  RailsAdmin Theming  ***/
+
+@import "base/theming";
+@import "themes/default/theming";
diff --git a/app/assets/stylesheets/rails_admin/base/README.txt b/src/rails_admin/styles/base/README.txt
similarity index 100%
rename from app/assets/stylesheets/rails_admin/base/README.txt
rename to src/rails_admin/styles/base/README.txt
diff --git a/app/assets/stylesheets/rails_admin/base/mixins.scss b/src/rails_admin/styles/base/mixins.scss
similarity index 100%
rename from app/assets/stylesheets/rails_admin/base/mixins.scss
rename to src/rails_admin/styles/base/mixins.scss
diff --git a/app/assets/stylesheets/rails_admin/base/theming.scss b/src/rails_admin/styles/base/theming.scss
similarity index 100%
rename from app/assets/stylesheets/rails_admin/base/theming.scss
rename to src/rails_admin/styles/base/theming.scss
diff --git a/app/assets/stylesheets/rails_admin/base/variables.scss b/src/rails_admin/styles/base/variables.scss
similarity index 100%
rename from app/assets/stylesheets/rails_admin/base/variables.scss
rename to src/rails_admin/styles/base/variables.scss
diff --git a/app/assets/stylesheets/rails_admin/ra.filtering-multiselect.scss b/src/rails_admin/styles/filtering-multiselect.scss
similarity index 65%
rename from app/assets/stylesheets/rails_admin/ra.filtering-multiselect.scss
rename to src/rails_admin/styles/filtering-multiselect.scss
index 19a5f4504a..5d6bcbbf47 100644
--- a/app/assets/stylesheets/rails_admin/ra.filtering-multiselect.scss
+++ b/src/rails_admin/styles/filtering-multiselect.scss
@@ -48,47 +48,39 @@
     vertical-align: top;
     &.ui-icon-circle-triangle-e {
       background-position: -16px -32px !important;
-      background-image: image-url("rails_admin/multiselect/icon_sprite.png");
+      background-image: url("~rails_admin/src/rails_admin/images/multiselect/icon_sprite.png");
     }
     &.ui-icon-circle-triangle-e:hover {
       background-position: -16px -48px !important;
-      background-image: image-url("rails_admin/multiselect/icon_sprite.png");
+      background-image: url("~rails_admin/src/rails_admin/images/multiselect/icon_sprite.png");
     }
     &.ui-icon-circle-triangle-w {
       background-position: 0px -32px !important;
-      background-image: image-url("rails_admin/multiselect/icon_sprite.png");
+      background-image: url("~rails_admin/src/rails_admin/images/multiselect/icon_sprite.png");
     }
     &.ui-icon-circle-triangle-w:hover {
       background-position: 0px -48px !important;
-      background-image: image-url("rails_admin/multiselect/icon_sprite.png");
+      background-image: url("~rails_admin/src/rails_admin/images/multiselect/icon_sprite.png");
     }
     &.ui-icon-circle-triangle-n {
       background-position: 0px 0px !important;
       margin-left: 1px;
-      background-image: image-url(
-        "rails_admin/multiselect/ui-icon-circle-triangle-n-light.png"
-      );
+      background-image: url("~rails_admin/src/rails_admin/images/multiselect/ui-icon-circle-triangle-n-light.png");
     }
     &.ui-icon-circle-triangle-n:hover {
       background-position: 0px 0px !important;
       margin-left: 1px;
-      background-image: image-url(
-        "rails_admin/multiselect/ui-icon-circle-triangle-n-dark.png"
-      );
+      background-image: url("~rails_admin/src/rails_admin/images/multiselect/ui-icon-circle-triangle-n-dark.png");
     }
     &.ui-icon-circle-triangle-s {
       background-position: 0px 0px !important;
       margin-left: 1px;
-      background-image: image-url(
-        "rails_admin/multiselect/ui-icon-circle-triangle-s-light.png"
-      );
+      background-image: url("~rails_admin/src/rails_admin/images/multiselect/ui-icon-circle-triangle-s-light.png");
     }
     &.ui-icon-circle-triangle-s:hover {
       background-position: 0px 0px !important;
       margin-left: 1px;
-      background-image: image-url(
-        "rails_admin/multiselect/ui-icon-circle-triangle-s-dark.png"
-      );
+      background-image: url("~rails_admin/src/rails_admin/images/multiselect/ui-icon-circle-triangle-s-dark.png");
     }
   }
 }
diff --git a/app/assets/stylesheets/rails_admin/ra.sidescroll.scss b/src/rails_admin/styles/sidescroll.scss
similarity index 100%
rename from app/assets/stylesheets/rails_admin/ra.sidescroll.scss
rename to src/rails_admin/styles/sidescroll.scss
diff --git a/app/assets/stylesheets/rails_admin/themes/cerulean/mixins.scss b/src/rails_admin/styles/themes/cerulean/mixins.scss
similarity index 100%
rename from app/assets/stylesheets/rails_admin/themes/cerulean/mixins.scss
rename to src/rails_admin/styles/themes/cerulean/mixins.scss
diff --git a/app/assets/stylesheets/rails_admin/themes/cerulean/theming.scss b/src/rails_admin/styles/themes/cerulean/theming.scss
similarity index 100%
rename from app/assets/stylesheets/rails_admin/themes/cerulean/theming.scss
rename to src/rails_admin/styles/themes/cerulean/theming.scss
diff --git a/app/assets/stylesheets/rails_admin/themes/cerulean/variables.scss b/src/rails_admin/styles/themes/cerulean/variables.scss
similarity index 100%
rename from app/assets/stylesheets/rails_admin/themes/cerulean/variables.scss
rename to src/rails_admin/styles/themes/cerulean/variables.scss
diff --git a/app/assets/stylesheets/rails_admin/themes/default/mixins.scss b/src/rails_admin/styles/themes/default/mixins.scss
similarity index 100%
rename from app/assets/stylesheets/rails_admin/themes/default/mixins.scss
rename to src/rails_admin/styles/themes/default/mixins.scss
diff --git a/app/assets/stylesheets/rails_admin/themes/default/theming.scss b/src/rails_admin/styles/themes/default/theming.scss
similarity index 100%
rename from app/assets/stylesheets/rails_admin/themes/default/theming.scss
rename to src/rails_admin/styles/themes/default/theming.scss
diff --git a/app/assets/stylesheets/rails_admin/themes/default/variables.scss b/src/rails_admin/styles/themes/default/variables.scss
similarity index 100%
rename from app/assets/stylesheets/rails_admin/themes/default/variables.scss
rename to src/rails_admin/styles/themes/default/variables.scss
diff --git a/app/assets/stylesheets/rails_admin/ra.widgets.scss b/src/rails_admin/styles/widgets.scss
similarity index 100%
rename from app/assets/stylesheets/rails_admin/ra.widgets.scss
rename to src/rails_admin/styles/widgets.scss
diff --git a/app/assets/javascripts/rails_admin/ui.js b/src/rails_admin/ui.js
similarity index 96%
rename from app/assets/javascripts/rails_admin/ui.js
rename to src/rails_admin/ui.js
index b39d25ef53..84cdaf625b 100644
--- a/app/assets/javascripts/rails_admin/ui.js
+++ b/src/rails_admin/ui.js
@@ -1,3 +1,7 @@
+import jQuery from "jquery";
+import "jquery-ui/ui/effect";
+import I18n from "./i18n";
+
 (function ($) {
   $(document).on("click", "#list input.toggle", function () {
     $("#list [name='bulk_ids[]']").prop("checked", $(this).is(":checked"));
@@ -90,10 +94,7 @@
   );
 
   $(document).ready(function () {
-    RailsAdmin.I18n.init(
-      $("html").attr("lang"),
-      $("#admin-js").data("i18nOptions")
-    );
+    I18n.init($("html").attr("lang"), $("#admin-js").data("i18nOptions"));
 
     const event = new CustomEvent("rails_admin.dom_ready");
     document.dispatchEvent(event);
diff --git a/src/rails_admin/vendor/jquery.pjax.js b/src/rails_admin/vendor/jquery.pjax.js
new file mode 100644
index 0000000000..c174919bf3
--- /dev/null
+++ b/src/rails_admin/vendor/jquery.pjax.js
@@ -0,0 +1,899 @@
+/*!
+ * Copyright 2012, Chris Wanstrath
+ * Released under the MIT License
+ * https://github.com/defunkt/jquery-pjax
+ */
+import jQuery from 'jquery';
+
+(function($){
+
+// When called on a container with a selector, fetches the href with
+// ajax into the container or with the data-pjax attribute on the link
+// itself.
+//
+// Tries to make sure the back button and ctrl+click work the way
+// you'd expect.
+//
+// Exported as $.fn.pjax
+//
+// Accepts a jQuery ajax options object that may include these
+// pjax specific options:
+//
+//
+// container - String selector for the element where to place the response body.
+//      push - Whether to pushState the URL. Defaults to true (of course).
+//   replace - Want to use replaceState instead? That's cool.
+//
+// For convenience the second parameter can be either the container or
+// the options object.
+//
+// Returns the jQuery object
+function fnPjax(selector, container, options) {
+  options = optionsFor(container, options)
+  return this.on('click.pjax', selector, function(event) {
+    var opts = options
+    if (!opts.container) {
+      opts = $.extend({}, options)
+      opts.container = $(this).attr('data-pjax')
+    }
+    handleClick(event, opts)
+  })
+}
+
+// Public: pjax on click handler
+//
+// Exported as $.pjax.click.
+//
+// event   - "click" jQuery.Event
+// options - pjax options
+//
+// Examples
+//
+//   $(document).on('click', 'a', $.pjax.click)
+//   // is the same as
+//   $(document).pjax('a')
+//
+// Returns nothing.
+function handleClick(event, container, options) {
+  options = optionsFor(container, options)
+
+  var link = event.currentTarget
+  var $link = $(link)
+
+  if (link.tagName.toUpperCase() !== 'A')
+    throw "$.fn.pjax or $.pjax.click requires an anchor element"
+
+  // Middle click, cmd click, and ctrl click should open
+  // links in a new tab as normal.
+  if ( event.which > 1 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey )
+    return
+
+  // Ignore cross origin links
+  if ( location.protocol !== link.protocol || location.hostname !== link.hostname )
+    return
+
+  // Ignore case when a hash is being tacked on the current URL
+  if ( link.href.indexOf('#') > -1 && stripHash(link) == stripHash(location) )
+    return
+
+  // Ignore event with default prevented
+  if (event.isDefaultPrevented())
+    return
+
+  var defaults = {
+    url: link.href,
+    container: $link.attr('data-pjax'),
+    target: link
+  }
+
+  var opts = $.extend({}, defaults, options)
+  var clickEvent = $.Event('pjax:click')
+  $link.trigger(clickEvent, [opts])
+
+  if (!clickEvent.isDefaultPrevented()) {
+    pjax(opts)
+    event.preventDefault()
+    $link.trigger('pjax:clicked', [opts])
+  }
+}
+
+// Public: pjax on form submit handler
+//
+// Exported as $.pjax.submit
+//
+// event   - "click" jQuery.Event
+// options - pjax options
+//
+// Examples
+//
+//  $(document).on('submit', 'form', function(event) {
+//    $.pjax.submit(event, '[data-pjax-container]')
+//  })
+//
+// Returns nothing.
+function handleSubmit(event, container, options) {
+  options = optionsFor(container, options)
+
+  var form = event.currentTarget
+  var $form = $(form)
+
+  if (form.tagName.toUpperCase() !== 'FORM')
+    throw "$.pjax.submit requires a form element"
+
+  var defaults = {
+    type: ($form.attr('method') || 'GET').toUpperCase(),
+    url: $form.attr('action'),
+    container: $form.attr('data-pjax'),
+    target: form
+  }
+
+  if (defaults.type !== 'GET' && window.FormData !== undefined) {
+    defaults.data = new FormData(form)
+    defaults.processData = false
+    defaults.contentType = false
+  } else {
+    // Can't handle file uploads, exit
+    if ($form.find(':file').length) {
+      return
+    }
+
+    // Fallback to manually serializing the fields
+    defaults.data = $form.serializeArray()
+  }
+
+  pjax($.extend({}, defaults, options))
+
+  event.preventDefault()
+}
+
+// Loads a URL with ajax, puts the response body inside a container,
+// then pushState()'s the loaded URL.
+//
+// Works just like $.ajax in that it accepts a jQuery ajax
+// settings object (with keys like url, type, data, etc).
+//
+// Accepts these extra keys:
+//
+// container - String selector for where to stick the response body.
+//      push - Whether to pushState the URL. Defaults to true (of course).
+//   replace - Want to use replaceState instead? That's cool.
+//
+// Use it just like $.ajax:
+//
+//   var xhr = $.pjax({ url: this.href, container: '#main' })
+//   console.log( xhr.readyState )
+//
+// Returns whatever $.ajax returns.
+function pjax(options) {
+  options = $.extend(true, {}, $.ajaxSettings, pjax.defaults, options)
+
+  if ($.isFunction(options.url)) {
+    options.url = options.url()
+  }
+
+  var hash = parseURL(options.url).hash
+
+  var containerType = $.type(options.container)
+  if (containerType !== 'string') {
+    throw "expected string value for 'container' option; got " + containerType
+  }
+  var context = options.context = $(options.container)
+  if (!context.length) {
+    throw "the container selector '" + options.container + "' did not match anything"
+  }
+
+  // We want the browser to maintain two separate internal caches: one
+  // for pjax'd partial page loads and one for normal page loads.
+  // Without adding this secret parameter, some browsers will often
+  // confuse the two.
+  if (!options.data) options.data = {}
+  if ($.isArray(options.data)) {
+    options.data.push({name: '_pjax', value: options.container})
+  } else {
+    options.data._pjax = options.container
+  }
+
+  function fire(type, args, props) {
+    if (!props) props = {}
+    props.relatedTarget = options.target
+    var event = $.Event(type, props)
+    context.trigger(event, args)
+    return !event.isDefaultPrevented()
+  }
+
+  var timeoutTimer
+
+  options.beforeSend = function(xhr, settings) {
+    // No timeout for non-GET requests
+    // Its not safe to request the resource again with a fallback method.
+    if (settings.type !== 'GET') {
+      settings.timeout = 0
+    }
+
+    xhr.setRequestHeader('X-PJAX', 'true')
+    xhr.setRequestHeader('X-PJAX-Container', options.container)
+
+    if (!fire('pjax:beforeSend', [xhr, settings]))
+      return false
+
+    if (settings.timeout > 0) {
+      timeoutTimer = setTimeout(function() {
+        if (fire('pjax:timeout', [xhr, options]))
+          xhr.abort('timeout')
+      }, settings.timeout)
+
+      // Clear timeout setting so jquerys internal timeout isn't invoked
+      settings.timeout = 0
+    }
+
+    var url = parseURL(settings.url)
+    if (hash) url.hash = hash
+    options.requestUrl = stripInternalParams(url)
+  }
+
+  options.complete = function(xhr, textStatus) {
+    if (timeoutTimer)
+      clearTimeout(timeoutTimer)
+
+    fire('pjax:complete', [xhr, textStatus, options])
+
+    fire('pjax:end', [xhr, options])
+  }
+
+  options.error = function(xhr, textStatus, errorThrown) {
+    var container = extractContainer("", xhr, options)
+
+    var allowed = fire('pjax:error', [xhr, textStatus, errorThrown, options])
+    if (options.type == 'GET' && textStatus !== 'abort' && allowed) {
+      locationReplace(container.url)
+    }
+  }
+
+  options.success = function(data, status, xhr) {
+    var previousState = pjax.state
+
+    // If $.pjax.defaults.version is a function, invoke it first.
+    // Otherwise it can be a static string.
+    var currentVersion = (typeof $.pjax.defaults.version === 'function') ?
+      $.pjax.defaults.version() :
+      $.pjax.defaults.version
+
+    var latestVersion = xhr.getResponseHeader('X-PJAX-Version')
+
+    var container = extractContainer(data, xhr, options)
+
+    var url = parseURL(container.url)
+    if (hash) {
+      url.hash = hash
+      container.url = url.href
+    }
+
+    // If there is a layout version mismatch, hard load the new url
+    if (currentVersion && latestVersion && currentVersion !== latestVersion) {
+      locationReplace(container.url)
+      return
+    }
+
+    // If the new response is missing a body, hard load the page
+    if (!container.contents) {
+      locationReplace(container.url)
+      return
+    }
+
+    pjax.state = {
+      id: options.id || uniqueId(),
+      url: container.url,
+      title: container.title,
+      container: options.container,
+      fragment: options.fragment,
+      timeout: options.timeout
+    }
+
+    if (options.push || options.replace) {
+      window.history.replaceState(pjax.state, container.title, container.url)
+    }
+
+    // Only blur the focus if the focused element is within the container.
+    var blurFocus = $.contains(options.container, document.activeElement)
+
+    // Clear out any focused controls before inserting new page contents.
+    if (blurFocus) {
+      try {
+        document.activeElement.blur()
+      } catch (e) { }
+    }
+
+    if (container.title) document.title = container.title
+
+    fire('pjax:beforeReplace', [container.contents, options], {
+      state: pjax.state,
+      previousState: previousState
+    })
+    context.html(container.contents)
+
+    // FF bug: Won't autofocus fields that are inserted via JS.
+    // This behavior is incorrect. So if theres no current focus, autofocus
+    // the last field.
+    //
+    // http://www.w3.org/html/wg/drafts/html/master/forms.html
+    var autofocusEl = context.find('input[autofocus], textarea[autofocus]').last()[0]
+    if (autofocusEl && document.activeElement !== autofocusEl) {
+      autofocusEl.focus()
+    }
+
+    executeScriptTags(container.scripts)
+
+    var scrollTo = options.scrollTo
+
+    // Ensure browser scrolls to the element referenced by the URL anchor
+    if (hash) {
+      var name = decodeURIComponent(hash.slice(1))
+      var target = document.getElementById(name) || document.getElementsByName(name)[0]
+      if (target) scrollTo = $(target).offset().top
+    }
+
+    if (typeof scrollTo == 'number') $(window).scrollTop(scrollTo)
+
+    fire('pjax:success', [data, status, xhr, options])
+  }
+
+
+  // Initialize pjax.state for the initial page load. Assume we're
+  // using the container and options of the link we're loading for the
+  // back button to the initial page. This ensures good back button
+  // behavior.
+  if (!pjax.state) {
+    pjax.state = {
+      id: uniqueId(),
+      url: window.location.href,
+      title: document.title,
+      container: options.container,
+      fragment: options.fragment,
+      timeout: options.timeout
+    }
+    window.history.replaceState(pjax.state, document.title)
+  }
+
+  // Cancel the current request if we're already pjaxing
+  abortXHR(pjax.xhr)
+
+  pjax.options = options
+  var xhr = pjax.xhr = $.ajax(options)
+
+  if (xhr.readyState > 0) {
+    if (options.push && !options.replace) {
+      // Cache current container element before replacing it
+      cachePush(pjax.state.id, [options.container, cloneContents(context)])
+
+      window.history.pushState(null, "", options.requestUrl)
+    }
+
+    fire('pjax:start', [xhr, options])
+    fire('pjax:send', [xhr, options])
+  }
+
+  return pjax.xhr
+}
+
+// Public: Reload current page with pjax.
+//
+// Returns whatever $.pjax returns.
+function pjaxReload(container, options) {
+  var defaults = {
+    url: window.location.href,
+    push: false,
+    replace: true,
+    scrollTo: false
+  }
+
+  return pjax($.extend(defaults, optionsFor(container, options)))
+}
+
+// Internal: Hard replace current state with url.
+//
+// Work for around WebKit
+//   https://bugs.webkit.org/show_bug.cgi?id=93506
+//
+// Returns nothing.
+function locationReplace(url) {
+  window.history.replaceState(null, "", pjax.state.url)
+  window.location.replace(url)
+}
+
+
+var initialPop = true
+var initialURL = window.location.href
+var initialState = window.history.state
+
+// Initialize $.pjax.state if possible
+// Happens when reloading a page and coming forward from a different
+// session history.
+if (initialState && initialState.container) {
+  pjax.state = initialState
+}
+
+// Non-webkit browsers don't fire an initial popstate event
+if ('state' in window.history) {
+  initialPop = false
+}
+
+// popstate handler takes care of the back and forward buttons
+//
+// You probably shouldn't use pjax on pages with other pushState
+// stuff yet.
+function onPjaxPopstate(event) {
+
+  // Hitting back or forward should override any pending PJAX request.
+  if (!initialPop) {
+    abortXHR(pjax.xhr)
+  }
+
+  var previousState = pjax.state
+  var state = event.state
+  var direction
+
+  if (state && state.container) {
+    // When coming forward from a separate history session, will get an
+    // initial pop with a state we are already at. Skip reloading the current
+    // page.
+    if (initialPop && initialURL == state.url) return
+
+    if (previousState) {
+      // If popping back to the same state, just skip.
+      // Could be clicking back from hashchange rather than a pushState.
+      if (previousState.id === state.id) return
+
+      // Since state IDs always increase, we can deduce the navigation direction
+      direction = previousState.id < state.id ? 'forward' : 'back'
+    }
+
+    var cache = cacheMapping[state.id] || []
+    var containerSelector = cache[0] || state.container
+    var container = $(containerSelector), contents = cache[1]
+
+    if (container.length) {
+      if (previousState) {
+        // Cache current container before replacement and inform the
+        // cache which direction the history shifted.
+        cachePop(direction, previousState.id, [containerSelector, cloneContents(container)])
+      }
+
+      var popstateEvent = $.Event('pjax:popstate', {
+        state: state,
+        direction: direction
+      })
+      container.trigger(popstateEvent)
+
+      var options = {
+        id: state.id,
+        url: state.url,
+        container: containerSelector,
+        push: false,
+        fragment: state.fragment,
+        timeout: state.timeout,
+        scrollTo: false
+      }
+
+      if (contents) {
+        container.trigger('pjax:start', [null, options])
+
+        pjax.state = state
+        if (state.title) document.title = state.title
+        var beforeReplaceEvent = $.Event('pjax:beforeReplace', {
+          state: state,
+          previousState: previousState
+        })
+        container.trigger(beforeReplaceEvent, [contents, options])
+        container.html(contents)
+
+        container.trigger('pjax:end', [null, options])
+      } else {
+        pjax(options)
+      }
+
+      // Force reflow/relayout before the browser tries to restore the
+      // scroll position.
+      container[0].offsetHeight
+    } else {
+      locationReplace(location.href)
+    }
+  }
+  initialPop = false
+}
+
+// Fallback version of main pjax function for browsers that don't
+// support pushState.
+//
+// Returns nothing since it retriggers a hard form submission.
+function fallbackPjax(options) {
+  var url = $.isFunction(options.url) ? options.url() : options.url,
+      method = options.type ? options.type.toUpperCase() : 'GET'
+
+  var form = $('<form>', {
+    method: method === 'GET' ? 'GET' : 'POST',
+    action: url,
+    style: 'display:none'
+  })
+
+  if (method !== 'GET' && method !== 'POST') {
+    form.append($('<input>', {
+      type: 'hidden',
+      name: '_method',
+      value: method.toLowerCase()
+    }))
+  }
+
+  var data = options.data
+  if (typeof data === 'string') {
+    $.each(data.split('&'), function(index, value) {
+      var pair = value.split('=')
+      form.append($('<input>', {type: 'hidden', name: pair[0], value: pair[1]}))
+    })
+  } else if ($.isArray(data)) {
+    $.each(data, function(index, value) {
+      form.append($('<input>', {type: 'hidden', name: value.name, value: value.value}))
+    })
+  } else if (typeof data === 'object') {
+    var key
+    for (key in data)
+      form.append($('<input>', {type: 'hidden', name: key, value: data[key]}))
+  }
+
+  $(document.body).append(form)
+  form.submit()
+}
+
+// Internal: Abort an XmlHttpRequest if it hasn't been completed,
+// also removing its event handlers.
+function abortXHR(xhr) {
+  if ( xhr && xhr.readyState < 4) {
+    xhr.onreadystatechange = $.noop
+    xhr.abort()
+  }
+}
+
+// Internal: Generate unique id for state object.
+//
+// Use a timestamp instead of a counter since ids should still be
+// unique across page loads.
+//
+// Returns Number.
+function uniqueId() {
+  return (new Date).getTime()
+}
+
+function cloneContents(container) {
+  var cloned = container.clone()
+  // Unmark script tags as already being eval'd so they can get executed again
+  // when restored from cache. HAXX: Uses jQuery internal method.
+  cloned.find('script').each(function(){
+    if (!this.src) jQuery._data(this, 'globalEval', false)
+  })
+  return cloned.contents()
+}
+
+// Internal: Strip internal query params from parsed URL.
+//
+// Returns sanitized url.href String.
+function stripInternalParams(url) {
+  url.search = url.search.replace(/([?&])(_pjax|_)=[^&]*/g, '')
+  return url.href.replace(/\?($|#)/, '$1')
+}
+
+// Internal: Parse URL components and returns a Locationish object.
+//
+// url - String URL
+//
+// Returns HTMLAnchorElement that acts like Location.
+function parseURL(url) {
+  var a = document.createElement('a')
+  a.href = url
+  return a
+}
+
+// Internal: Return the `href` component of given URL object with the hash
+// portion removed.
+//
+// location - Location or HTMLAnchorElement
+//
+// Returns String
+function stripHash(location) {
+  return location.href.replace(/#.*/, '')
+}
+
+// Internal: Build options Object for arguments.
+//
+// For convenience the first parameter can be either the container or
+// the options object.
+//
+// Examples
+//
+//   optionsFor('#container')
+//   // => {container: '#container'}
+//
+//   optionsFor('#container', {push: true})
+//   // => {container: '#container', push: true}
+//
+//   optionsFor({container: '#container', push: true})
+//   // => {container: '#container', push: true}
+//
+// Returns options Object.
+function optionsFor(container, options) {
+  if (container && options) {
+    options = $.extend({}, options)
+    options.container = container
+    return options
+  } else if ($.isPlainObject(container)) {
+    return container
+  } else {
+    return {container: container}
+  }
+}
+
+// Internal: Filter and find all elements matching the selector.
+//
+// Where $.fn.find only matches descendants, findAll will test all the
+// top level elements in the jQuery object as well.
+//
+// elems    - jQuery object of Elements
+// selector - String selector to match
+//
+// Returns a jQuery object.
+function findAll(elems, selector) {
+  return elems.filter(selector).add(elems.find(selector))
+}
+
+function parseHTML(html) {
+  return $.parseHTML(html, document, true)
+}
+
+// Internal: Extracts container and metadata from response.
+//
+// 1. Extracts X-PJAX-URL header if set
+// 2. Extracts inline <title> tags
+// 3. Builds response Element and extracts fragment if set
+//
+// data    - String response data
+// xhr     - XHR response
+// options - pjax options Object
+//
+// Returns an Object with url, title, and contents keys.
+function extractContainer(data, xhr, options) {
+  var obj = {}, fullDocument = /<html/i.test(data)
+
+  // Prefer X-PJAX-URL header if it was set, otherwise fallback to
+  // using the original requested url.
+  var serverUrl = xhr.getResponseHeader('X-PJAX-URL')
+  obj.url = serverUrl ? stripInternalParams(parseURL(serverUrl)) : options.requestUrl
+
+  // Attempt to parse response html into elements
+  if (fullDocument) {
+    var $head = $(parseHTML(data.match(/<head[^>]*>([\s\S.]*)<\/head>/i)[0]))
+    var $body = $(parseHTML(data.match(/<body[^>]*>([\s\S.]*)<\/body>/i)[0]))
+  } else {
+    var $head = $body = $(parseHTML(data))
+  }
+
+  // If response data is empty, return fast
+  if ($body.length === 0)
+    return obj
+
+  // If there's a <title> tag in the header, use it as
+  // the page's title.
+  obj.title = findAll($head, 'title').last().text()
+
+  if (options.fragment) {
+    // If they specified a fragment, look for it in the response
+    // and pull it out.
+    if (options.fragment === 'body') {
+      var $fragment = $body
+    } else {
+      var $fragment = findAll($body, options.fragment).first()
+    }
+
+    if ($fragment.length) {
+      obj.contents = options.fragment === 'body' ? $fragment : $fragment.contents()
+
+      // If there's no title, look for data-title and title attributes
+      // on the fragment
+      if (!obj.title)
+        obj.title = $fragment.attr('title') || $fragment.data('title')
+    }
+
+  } else if (!fullDocument) {
+    obj.contents = $body
+  }
+
+  // Clean up any <title> tags
+  if (obj.contents) {
+    // Remove any parent title elements
+    obj.contents = obj.contents.not(function() { return $(this).is('title') })
+
+    // Then scrub any titles from their descendants
+    obj.contents.find('title').remove()
+
+    // Gather all script[src] elements
+    obj.scripts = findAll(obj.contents, 'script[src]').remove()
+    obj.contents = obj.contents.not(obj.scripts)
+  }
+
+  // Trim any whitespace off the title
+  if (obj.title) obj.title = $.trim(obj.title)
+
+  return obj
+}
+
+// Load an execute scripts using standard script request.
+//
+// Avoids jQuery's traditional $.getScript which does a XHR request and
+// globalEval.
+//
+// scripts - jQuery object of script Elements
+//
+// Returns nothing.
+function executeScriptTags(scripts) {
+  if (!scripts) return
+
+  var existingScripts = $('script[src]')
+
+  scripts.each(function() {
+    var src = this.src
+    var matchedScripts = existingScripts.filter(function() {
+      return this.src === src
+    })
+    if (matchedScripts.length) return
+
+    var script = document.createElement('script')
+    var type = $(this).attr('type')
+    if (type) script.type = type
+    script.src = $(this).attr('src')
+    document.head.appendChild(script)
+  })
+}
+
+// Internal: History DOM caching class.
+var cacheMapping      = {}
+var cacheForwardStack = []
+var cacheBackStack    = []
+
+// Push previous state id and container contents into the history
+// cache. Should be called in conjunction with `pushState` to save the
+// previous container contents.
+//
+// id    - State ID Number
+// value - DOM Element to cache
+//
+// Returns nothing.
+function cachePush(id, value) {
+  cacheMapping[id] = value
+  cacheBackStack.push(id)
+
+  // Remove all entries in forward history stack after pushing a new page.
+  trimCacheStack(cacheForwardStack, 0)
+
+  // Trim back history stack to max cache length.
+  trimCacheStack(cacheBackStack, pjax.defaults.maxCacheLength)
+}
+
+// Shifts cache from directional history cache. Should be
+// called on `popstate` with the previous state id and container
+// contents.
+//
+// direction - "forward" or "back" String
+// id        - State ID Number
+// value     - DOM Element to cache
+//
+// Returns nothing.
+function cachePop(direction, id, value) {
+  var pushStack, popStack
+  cacheMapping[id] = value
+
+  if (direction === 'forward') {
+    pushStack = cacheBackStack
+    popStack  = cacheForwardStack
+  } else {
+    pushStack = cacheForwardStack
+    popStack  = cacheBackStack
+  }
+
+  pushStack.push(id)
+  if (id = popStack.pop())
+    delete cacheMapping[id]
+
+  // Trim whichever stack we just pushed to to max cache length.
+  trimCacheStack(pushStack, pjax.defaults.maxCacheLength)
+}
+
+// Trim a cache stack (either cacheBackStack or cacheForwardStack) to be no
+// longer than the specified length, deleting cached DOM elements as necessary.
+//
+// stack  - Array of state IDs
+// length - Maximum length to trim to
+//
+// Returns nothing.
+function trimCacheStack(stack, length) {
+  while (stack.length > length)
+    delete cacheMapping[stack.shift()]
+}
+
+// Public: Find version identifier for the initial page load.
+//
+// Returns String version or undefined.
+function findVersion() {
+  return $('meta').filter(function() {
+    var name = $(this).attr('http-equiv')
+    return name && name.toUpperCase() === 'X-PJAX-VERSION'
+  }).attr('content')
+}
+
+// Install pjax functions on $.pjax to enable pushState behavior.
+//
+// Does nothing if already enabled.
+//
+// Examples
+//
+//     $.pjax.enable()
+//
+// Returns nothing.
+function enable() {
+  $.fn.pjax = fnPjax
+  $.pjax = pjax
+  $.pjax.enable = $.noop
+  $.pjax.disable = disable
+  $.pjax.click = handleClick
+  $.pjax.submit = handleSubmit
+  $.pjax.reload = pjaxReload
+  $.pjax.defaults = {
+    timeout: 650,
+    push: true,
+    replace: false,
+    type: 'GET',
+    dataType: 'html',
+    scrollTo: 0,
+    maxCacheLength: 20,
+    version: findVersion
+  }
+  $(window).on('popstate.pjax', onPjaxPopstate)
+}
+
+// Disable pushState behavior.
+//
+// This is the case when a browser doesn't support pushState. It is
+// sometimes useful to disable pushState for debugging on a modern
+// browser.
+//
+// Examples
+//
+//     $.pjax.disable()
+//
+// Returns nothing.
+function disable() {
+  $.fn.pjax = function() { return this }
+  $.pjax = fallbackPjax
+  $.pjax.enable = enable
+  $.pjax.disable = $.noop
+  $.pjax.click = $.noop
+  $.pjax.submit = $.noop
+  $.pjax.reload = function() { window.location.reload() }
+
+  $(window).off('popstate.pjax', onPjaxPopstate)
+}
+
+
+// Add the state property to jQuery's event object so we can use it in
+// $(window).bind('popstate')
+if ($.event.props && $.inArray('state', $.event.props) < 0) {
+  $.event.props.push('state')
+} else if (!('state' in $.Event.prototype)) {
+  $.event.addProp('state')
+}
+
+// Is pjax supported by this browser?
+$.support.pjax =
+  window.history && window.history.pushState && window.history.replaceState &&
+  // pushState isn't reliable on iOS until 5.
+  !navigator.userAgent.match(/((iPod|iPhone|iPad).+\bOS\s+[1-4]\D|WebApps\/.+CFNetwork)/)
+
+$.support.pjax ? enable() : disable()
+
+})(jQuery)
diff --git a/src/rails_admin/vendor/jquery_nested_form.js b/src/rails_admin/vendor/jquery_nested_form.js
new file mode 100644
index 0000000000..2c9aef8bf9
--- /dev/null
+++ b/src/rails_admin/vendor/jquery_nested_form.js
@@ -0,0 +1,122 @@
+import jQuery from 'jquery';
+
+(function($) {
+  window.NestedFormEvents = function() {
+    this.addFields = $.proxy(this.addFields, this);
+    this.removeFields = $.proxy(this.removeFields, this);
+  };
+
+  NestedFormEvents.prototype = {
+    addFields: function(e) {
+      // Setup
+      var link      = e.currentTarget;
+      var assoc     = $(link).data('association');                // Name of child
+      var blueprint = $('#' + $(link).data('blueprint-id'));
+      var content   = blueprint.data('blueprint');                // Fields template
+
+      // Make the context correct by replacing <parents> with the generated ID
+      // of each of the parent objects
+      var context = ($(link).closest('.fields').closestChild('input, textarea, select').eq(0).attr('name') || '').replace(/\[[a-z_]+\]$/, '');
+
+      // If the parent has no inputs we need to strip off the last pair
+      var current = content.match(new RegExp('\\[([a-z_]+)\\]\\[new_' + assoc + '\\]'));
+      if (current) {
+        context = context.replace(new RegExp('\\[' + current[1] + '\\]\\[(new_)?\\d+\\]$'), '');
+      }
+
+      // context will be something like this for a brand new form:
+      // project[tasks_attributes][1255929127459][assignments_attributes][1255929128105]
+      // or for an edit form:
+      // project[tasks_attributes][0][assignments_attributes][1]
+      if (context) {
+        var parentNames = context.match(/[a-z_]+_attributes(?=\]\[(new_)?\d+\])/g) || [];
+        var parentIds   = context.match(/[0-9]+/g) || [];
+
+        for(var i = 0; i < parentNames.length; i++) {
+          if(parentIds[i]) {
+            content = content.replace(
+              new RegExp('(_' + parentNames[i] + ')_.+?_', 'g'),
+              '$1_' + parentIds[i] + '_');
+
+            content = content.replace(
+              new RegExp('(\\[' + parentNames[i] + '\\])\\[.+?\\]', 'g'),
+              '$1[' + parentIds[i] + ']');
+          }
+        }
+      }
+
+      // Make a unique ID for the new child
+      var regexp  = new RegExp('new_' + assoc, 'g');
+      var new_id  = this.newId();
+      content     = $.trim(content.replace(regexp, new_id));
+
+      var field = this.insertFields(content, assoc, link);
+      // bubble up event upto document (through form)
+      field
+        .trigger({ type: 'nested:fieldAdded', field: field })
+        .trigger({ type: 'nested:fieldAdded:' + assoc, field: field });
+      return false;
+    },
+    newId: function() {
+      return new Date().getTime();
+    },
+    insertFields: function(content, assoc, link) {
+      var target = $(link).data('target');
+      if (target) {
+        return $(content).appendTo($(target));
+      } else {
+        return $(content).insertBefore(link);
+      }
+    },
+    removeFields: function(e) {
+      var $link = $(e.currentTarget),
+          assoc = $link.data('association'); // Name of child to be removed
+      
+      var hiddenField = $link.prev('input[type=hidden]');
+      hiddenField.val('1');
+      
+      var field = $link.closest('.fields');
+      field.hide();
+      
+      field
+        .trigger({ type: 'nested:fieldRemoved', field: field })
+        .trigger({ type: 'nested:fieldRemoved:' + assoc, field: field });
+      return false;
+    }
+  };
+
+  window.nestedFormEvents = new NestedFormEvents();
+  $(document)
+    .delegate('form a.add_nested_fields',    'click', nestedFormEvents.addFields)
+    .delegate('form a.remove_nested_fields', 'click', nestedFormEvents.removeFields);
+})(jQuery);
+
+// http://plugins.jquery.com/project/closestChild
+/*
+ * Copyright 2011, Tobias Lindig
+ *
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ */
+(function($) {
+        $.fn.closestChild = function(selector) {
+                // breadth first search for the first matched node
+                if (selector && selector != '') {
+                        var queue = [];
+                        queue.push(this);
+                        while(queue.length > 0) {
+                                var node = queue.shift();
+                                var children = node.children();
+                                for(var i = 0; i < children.length; ++i) {
+                                        var child = $(children[i]);
+                                        if (child.is(selector)) {
+                                                return child; //well, we found one
+                                        }
+                                        queue.push(child);
+                                }
+                        }
+                }
+                return $();//nothing found
+        };
+})(jQuery);
diff --git a/app/assets/javascripts/rails_admin/ra.widgets.js b/src/rails_admin/widgets.js
similarity index 99%
rename from app/assets/javascripts/rails_admin/ra.widgets.js
rename to src/rails_admin/widgets.js
index ca159be345..0878d169e6 100644
--- a/app/assets/javascripts/rails_admin/ra.widgets.js
+++ b/src/rails_admin/widgets.js
@@ -1,3 +1,8 @@
+import jQuery from "jquery";
+import "jquery-ui/ui/widgets/sortable";
+import moment from "moment";
+import I18n from "./i18n";
+
 (function ($) {
   document.addEventListener("rails_admin.dom_ready", function (event) {
     var $editors,
@@ -27,7 +32,7 @@
         options = $(this).data("options");
         $.extend(options, {
           date: moment($(this).siblings("[type=hidden]").val()),
-          locale: RailsAdmin.I18n.locale,
+          locale: I18n.locale,
         });
         $(this).datetimepicker(options);
         $(this).on("dp.change", function (e) {