diff --git a/demos/dialog/animated.html b/demos/dialog/animated.html
index 02c3fd31fe..088ca0ea94 100644
--- a/demos/dialog/animated.html
+++ b/demos/dialog/animated.html
@@ -4,21 +4,9 @@
 	<meta charset="utf-8">
 	<title>jQuery UI Dialog - Animation</title>
 	<link rel="stylesheet" href="../../themes/base/all.css">
-	<script src="../../external/jquery/jquery.js"></script>
-	<script src="../../ui/core.js"></script>
-	<script src="../../ui/widget.js"></script>
-	<script src="../../ui/mouse.js"></script>
-	<script src="../../ui/draggable.js"></script>
-	<script src="../../ui/position.js"></script>
-	<script src="../../ui/resizable.js"></script>
-	<script src="../../ui/button.js"></script>
-	<script src="../../ui/dialog.js"></script>
-	<script src="../../ui/effect.js"></script>
-	<script src="../../ui/effect-blind.js"></script>
-	<script src="../../ui/effect-explode.js"></script>
 	<link rel="stylesheet" href="../demos.css">
-	<script>
-	$(function() {
+	<script src="../../external/requirejs/require.js"></script>
+	<script src="../bootstrap.js" data-modules="effect effect-blind effect-explode">
 		$( "#dialog" ).dialog({
 			autoOpen: false,
 			show: {
@@ -34,7 +22,6 @@
 		$( "#opener" ).on( "click", function() {
 			$( "#dialog" ).dialog( "open" );
 		});
-	});
 	</script>
 </head>
 <body>
diff --git a/demos/dialog/default.html b/demos/dialog/default.html
index 41c8116682..e86281a478 100644
--- a/demos/dialog/default.html
+++ b/demos/dialog/default.html
@@ -4,20 +4,10 @@
 	<meta charset="utf-8">
 	<title>jQuery UI Dialog - Default functionality</title>
 	<link rel="stylesheet" href="../../themes/base/all.css">
-	<script src="../../external/jquery/jquery.js"></script>
-	<script src="../../ui/core.js"></script>
-	<script src="../../ui/widget.js"></script>
-	<script src="../../ui/mouse.js"></script>
-	<script src="../../ui/draggable.js"></script>
-	<script src="../../ui/position.js"></script>
-	<script src="../../ui/resizable.js"></script>
-	<script src="../../ui/button.js"></script>
-	<script src="../../ui/dialog.js"></script>
 	<link rel="stylesheet" href="../demos.css">
-	<script>
-	$(function() {
+	<script src="../../external/requirejs/require.js"></script>
+	<script src="../bootstrap.js">
 		$( "#dialog" ).dialog();
-	});
 	</script>
 </head>
 <body>
diff --git a/demos/dialog/modal-confirmation.html b/demos/dialog/modal-confirmation.html
index 741f59d38e..9ae4b1e980 100644
--- a/demos/dialog/modal-confirmation.html
+++ b/demos/dialog/modal-confirmation.html
@@ -4,17 +4,9 @@
 	<meta charset="utf-8">
 	<title>jQuery UI Dialog - Modal confirmation</title>
 	<link rel="stylesheet" href="../../themes/base/all.css">
-	<script src="../../external/jquery/jquery.js"></script>
-	<script src="../../ui/core.js"></script>
-	<script src="../../ui/widget.js"></script>
-	<script src="../../ui/mouse.js"></script>
-	<script src="../../ui/button.js"></script>
-	<script src="../../ui/draggable.js"></script>
-	<script src="../../ui/position.js"></script>
-	<script src="../../ui/dialog.js"></script>
 	<link rel="stylesheet" href="../demos.css">
-	<script>
-	$(function() {
+	<script src="../../external/requirejs/require.js"></script>
+	<script src="../bootstrap.js">
 		$( "#dialog-confirm" ).dialog({
 			resizable: false,
 			height: "auto",
@@ -29,7 +21,6 @@
 				}
 			}
 		});
-	});
 	</script>
 </head>
 <body>
diff --git a/demos/dialog/modal-form.html b/demos/dialog/modal-form.html
index 919bb0733d..7933c685a1 100644
--- a/demos/dialog/modal-form.html
+++ b/demos/dialog/modal-form.html
@@ -4,16 +4,6 @@
 	<meta charset="utf-8">
 	<title>jQuery UI Dialog - Modal form</title>
 	<link rel="stylesheet" href="../../themes/base/all.css">
-	<script src="../../external/jquery/jquery.js"></script>
-	<script src="../../ui/core.js"></script>
-	<script src="../../ui/widget.js"></script>
-	<script src="../../ui/mouse.js"></script>
-	<script src="../../ui/button.js"></script>
-	<script src="../../ui/draggable.js"></script>
-	<script src="../../ui/position.js"></script>
-	<script src="../../ui/resizable.js"></script>
-	<script src="../../ui/dialog.js"></script>
-	<script src="../../ui/effect.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 	<style>
 		label, input { display:block; }
@@ -26,8 +16,8 @@
 		.ui-dialog .ui-state-error { padding: .3em; }
 		.validateTips { border: 1px solid transparent; padding: 0.3em; }
 	</style>
-	<script>
-	$(function() {
+	<script src="../../external/requirejs/require.js"></script>
+	<script src="../bootstrap.js" data-modules="effect">
 		var dialog, form,
 
 			// From http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#e-mail-state-%28type=email%29
@@ -116,7 +106,6 @@
 		$( "#create-user" ).button().on( "click", function() {
 			dialog.dialog( "open" );
 		});
-	});
 	</script>
 </head>
 <body>
diff --git a/demos/dialog/modal-message.html b/demos/dialog/modal-message.html
index ce04bd66c1..1378846275 100644
--- a/demos/dialog/modal-message.html
+++ b/demos/dialog/modal-message.html
@@ -4,18 +4,9 @@
 	<meta charset="utf-8">
 	<title>jQuery UI Dialog - Modal message</title>
 	<link rel="stylesheet" href="../../themes/base/all.css">
-	<script src="../../external/jquery/jquery.js"></script>
-	<script src="../../ui/core.js"></script>
-	<script src="../../ui/widget.js"></script>
-	<script src="../../ui/mouse.js"></script>
-	<script src="../../ui/button.js"></script>
-	<script src="../../ui/draggable.js"></script>
-	<script src="../../ui/position.js"></script>
-	<script src="../../ui/resizable.js"></script>
-	<script src="../../ui/dialog.js"></script>
 	<link rel="stylesheet" href="../demos.css">
-	<script>
-	$(function() {
+	<script src="../../external/requirejs/require.js"></script>
+	<script src="../bootstrap.js" data-modules="effect">
 		$( "#dialog-message" ).dialog({
 			modal: true,
 			buttons: {
@@ -24,7 +15,6 @@
 				}
 			}
 		});
-	});
 	</script>
 </head>
 <body>
