diff --git a/spine-ts/spine-webgl/example/webcomponent-tutorial.html b/spine-ts/spine-webgl/example/webcomponent-tutorial.html
index 79535aef6..15119f58a 100644
--- a/spine-ts/spine-webgl/example/webcomponent-tutorial.html
+++ b/spine-ts/spine-webgl/example/webcomponent-tutorial.html
@@ -1347,7 +1347,7 @@ function removeDiv() {
                     atlas="assets/spineboy-pma.atlas"
                     skeleton="assets/spineboy-pro.skel"
                     animation="walk"
-                    spinner
+                    no-spinner
                 ></spine-widget>
             </div>
             <div class="split-right">
@@ -1357,7 +1357,7 @@ function removeDiv() {
                 <input type="button" value="Simulate reload" onclick="reloadWidget(this)">
                 <br>
                 <br>
-                If you do not want to show the loading spinner, set <code>spinner="false"</code>.
+                If you do not want to show the loading spinner, set <code>no-spinner</code>.
                 <br>
                 Click the button below to toggle the spinner.
                 <br>
@@ -1379,8 +1379,8 @@ function removeDiv() {
                 }, 1000)
             }
             function toggleSpinner(element) {
-                widget.loadingSpinner = !widget.loadingSpinner;
-                element.value = widget.loadingSpinner ? "Spinner ON" : "Spinner OFF";
+                widget.noSpinner = !widget.noSpinner;
+                element.value = widget.noSpinner ? "Spinner ON" : "Spinner OFF";
             }
         </script>
 
@@ -1393,7 +1393,7 @@ function removeDiv() {
     atlas="assets/spineboy-pma.atlas"
     skeleton="assets/spineboy-pro.skel"
     animation="walk"
-    spinner
+    no-spinner
 ></spine-widget>
 <input type="button" value="Simulate reload" onclick="reloadWidget(this)">
 <input type="button" value="Spinner ON" onclick="toggleSpinner(this)">
@@ -1412,8 +1412,8 @@ async function reloadWidget(element) {
     }, 1000)
 }
 function toggleSpinner(element) {
-    widget.loadingSpinner = !widget.loadingSpinner;
-    element.value = widget.loadingSpinner ? "Spinner ON" : "Spinner OFF";
+    widget.noSpinner = !widget.noSpinner;
+    element.value = widget.noSpinner ? "Spinner ON" : "Spinner OFF";
 }`)
                 </script>
             </code></pre>
diff --git a/spine-ts/spine-webgl/src/SpineWebComponentWidget.ts b/spine-ts/spine-webgl/src/SpineWebComponentWidget.ts
index d71cbe92f..a91d094b7 100644
--- a/spine-ts/spine-webgl/src/SpineWebComponentWidget.ts
+++ b/spine-ts/spine-webgl/src/SpineWebComponentWidget.ts
@@ -201,7 +201,7 @@ interface WidgetAttributes {
 	pages?: Array<number>
 	clip: boolean
 	offScreenUpdateBehaviour: OffScreenUpdateBehaviourType
-	loadingSpinner: boolean
+	noSpinner: boolean
 }
 
 // The methods user can override to have custom behaviour
@@ -641,10 +641,10 @@ export class SpineWebComponentWidget extends HTMLElement implements Disposable,
 	public offScreenUpdateBehaviour: OffScreenUpdateBehaviourType = "pause";
 
 	/**
-	 * If true, the a Spine loading spinner is shown during asset loading
-	 * Connected to `spinner` attribute.
+	 * If false (default), a Spine loading spinner is shown during asset loading
+	 * Connected to `no-spinner` attribute.
 	 */
-	public loadingSpinner = true;
+	public noSpinner = false;
 
 	/**
 	 * Replace the default state and skeleton update logic for this widget.
@@ -714,7 +714,7 @@ export class SpineWebComponentWidget extends HTMLElement implements Disposable,
 	/**
 	 * The {@link LoadingScreenWidget} of this widget.
 	 * This is instantiated only if it is really necessary.
-	 * For example, if {@link loadingSpinner} is `false`, this property value is null
+	 * For example, if {@link noSpinner} is `false`, this property value is null
 	 */
 	public loadingScreen: LoadingScreen | null = null;
 
@@ -833,7 +833,7 @@ export class SpineWebComponentWidget extends HTMLElement implements Disposable,
 		debug: { propertyName: "debug", type: "boolean" },
 		"manual-start": { propertyName: "manualStart", type: "boolean" },
 		"start-when-visible": { propertyName: "startWhenVisible", type: "boolean" },
-		spinner: { propertyName: "loadingSpinner", type: "boolean" },
+		"no-spinner": { propertyName: "noSpinner", type: "boolean" },
 		clip: { propertyName: "clip", type: "boolean" },
 		pages: { propertyName: "pages", type: "array-number" },
 		fit: { propertyName: "fit", type: "fitType", defaultValue: "contain" },
@@ -1866,7 +1866,7 @@ class SpineWebComponentOverlay extends HTMLElement implements OverlayAttributes,
 
 			const tempVector = new Vector3();
 			for (const widget of this.widgets) {
-				const { skeleton, pma, bounds, mode, debug, offsetX, offsetY, xAxis, yAxis, dragX, dragY, fit, loadingSpinner, onScreen, loading, clip, isDraggable } = widget;
+				const { skeleton, pma, bounds, mode, debug, offsetX, offsetY, xAxis, yAxis, dragX, dragY, fit, noSpinner, onScreen, loading, clip, isDraggable } = widget;
 
 				if ((!onScreen && dragX === 0 && dragY === 0)) continue;
 				const elementRef = widget.getHostElement();
@@ -1899,7 +1899,7 @@ class SpineWebComponentOverlay extends HTMLElement implements OverlayAttributes,
 				if (clip) startScissor(divBounds);
 
 				if (loading) {
-					if (loadingSpinner) {
+					if (noSpinner) {
 						if (!widget.loadingScreen) widget.loadingScreen = new LoadingScreen(renderer);
 						widget.loadingScreen!.drawInCoordinates(divOriginX, divOriginY);
 					}