diff --git a/repository/BaselineOfSeaside3.package/BaselineOfSeaside3.class/instance/baselinecommon..st b/repository/BaselineOfSeaside3.package/BaselineOfSeaside3.class/instance/baselinecommon..st
index 194ad01f6..cccb9d667 100644
--- a/repository/BaselineOfSeaside3.package/BaselineOfSeaside3.class/instance/baselinecommon..st
+++ b/repository/BaselineOfSeaside3.package/BaselineOfSeaside3.class/instance/baselinecommon..st
@@ -59,6 +59,10 @@ baselinecommon: spec
 				spec requires: #('Seaside-Core' 'Seaside-Component' 'Seaside-RenderLoop' 'Seaside-Session' ). ];
 			package: 'Seaside-Tools-Web' with: [
 				spec requires: #('Seaside-Tools-Core' 'Seaside-RenderLoop' 'Seaside-Widgets' ) ];
+			package: 'Seaside-WebComponents-Core' with: [
+				spec requires: #('Seaside-Core' 'Seaside-Canvas' 'Seaside-Component' 'Seaside-RenderLoop') ];
+			package: 'Seaside-WebComponents-Examples' with: [
+				spec requires: #('Seaside-WebComponents-Core' 'Seaside-Examples') ];
 			package: 'Seaside-Widgets' with: [
 				spec requires: #('Seaside-Component' 'Seaside-Canvas' ) ];
 			package: 'Seaside-HotwireTurbo-Core' with: [
@@ -93,6 +97,8 @@ baselinecommon: spec
 				spec requires: #('Seaside-Tools-Web' 'Seaside-Tests-Environment' ). ];
 			package: 'Seaside-Tests-UTF8' with: [
 				spec requires: #('Seaside-Tests-Core' ) ];
+			package: 'Seaside-Tests-WebComponents' with: [
+				spec requires: #('Seaside-WebComponents-Core' 'Seaside-Tests-Core' 'Seaside-Session' 'Seaside-Examples'). ];
 			package: 'Seaside-Tests-Parasol' with: [
 				spec requires: #('Parasol' 'Seaside-Tests-Functional' 'Seaside-Tools-Core') ].
 		spec
@@ -102,9 +108,9 @@ baselinecommon: spec
 			group: 'All' with: #('Tests' 'Development Tests');
 			
 			group: 'Core' with: #('Seaside-Core' 'Seaside-Continuation' 'Seaside-Canvas' 'Seaside-Session' 'Seaside-Component' 'Seaside-RenderLoop' 'Seaside-Tools-Core' 'Seaside-Flow' 'Seaside-Environment' 'Seaside-Widgets' );
-			group: 'Tests' with: #('Core' 'Seaside-Tests-Core' 'Seaside-Tests-Canvas' 'Seaside-Tests-Session' 'Seaside-Tests-Component' 'Seaside-Tests-RenderLoop' 'Seaside-Tests-Environment' 'Seaside-Tests-Flow' 'Seaside-Tests-UTF8' 'Seaside-Tests-InternetExplorer' 'Seaside-Tests-Email' 'Seaside-Tests-Examples' 'RSS Tests' 'Welcome Tests' 'REST Tests' 'Swagger Tests' 'Seaside-Tests-Parasol');
+			group: 'Tests' with: #('Core' 'Seaside-Tests-Core' 'Seaside-Tests-Canvas' 'Seaside-Tests-Session' 'Seaside-Tests-Component' 'Seaside-Tests-RenderLoop' 'Seaside-Tests-Environment' 'Seaside-Tests-Flow' 'Seaside-Tests-UTF8' 'Seaside-Tests-InternetExplorer' 'Seaside-Tests-Email' 'Seaside-Tests-Examples' 'Seaside-Tests-WebComponents' 'RSS Tests' 'Welcome Tests' 'REST Tests' 'Swagger Tests' 'Seaside-Tests-Parasol');
 			group: 'Hotwired' with: #('Seaside-HotwireTurbo-Core');
 			group: 'Development' with: #('Core' 'Seaside-Development');
 			group: 'Development Tests' with: #('Development' 'Core' 'Seaside-Tests-Development');
 			group: 'Email' with: #('Seaside-Email');
-			group: 'Examples' with: #('Core' 'Seaside-Examples' 'Seaside-REST-Examples' 'Seaside-HotwireTurbo-Examples') ].
+			group: 'Examples' with: #('Core' 'Seaside-Examples' 'Seaside-REST-Examples' 'Seaside-HotwireTurbo-Examples' 'Seaside-WebComponents-Examples') ].
diff --git a/repository/Seaside-Canvas.package/WAHtmlCanvas.class/instance/slot..st b/repository/Seaside-Canvas.package/WAHtmlCanvas.class/instance/slot..st
new file mode 100644
index 000000000..b037c9fa0
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WAHtmlCanvas.class/instance/slot..st
@@ -0,0 +1,3 @@
+tags-web-components
+slot: aBlock
+	self slot with: aBlock
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/WAHtmlCanvas.class/instance/slot.st b/repository/Seaside-Canvas.package/WAHtmlCanvas.class/instance/slot.st
new file mode 100644
index 000000000..8ad2dceb4
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WAHtmlCanvas.class/instance/slot.st
@@ -0,0 +1,4 @@
+tags-web-components
+slot
+
+	^ self brush: WASlotTag new
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/WAHtmlCanvas.class/instance/template..st b/repository/Seaside-Canvas.package/WAHtmlCanvas.class/instance/template..st
new file mode 100644
index 000000000..254886a69
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WAHtmlCanvas.class/instance/template..st
@@ -0,0 +1,3 @@
+tags-web-components
+template: aBlock
+	self template with: aBlock
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/WAHtmlCanvas.class/instance/template.st b/repository/Seaside-Canvas.package/WAHtmlCanvas.class/instance/template.st
new file mode 100644
index 000000000..82542c14b
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WAHtmlCanvas.class/instance/template.st
@@ -0,0 +1,4 @@
+tags-web-components
+template
+
+	^ self brush: WATemplateTag new
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/WASlotTag.class/README.md b/repository/Seaside-Canvas.package/WASlotTag.class/README.md
new file mode 100644
index 000000000..50db9e955
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WASlotTag.class/README.md
@@ -0,0 +1 @@
+The slot HTML element—part of the Web Components technology suite—is a placeholder inside a web component that you can fill with your own markup, which lets you create separate DOM trees and present them together.
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/WASlotTag.class/instance/name..st b/repository/Seaside-Canvas.package/WASlotTag.class/instance/name..st
new file mode 100644
index 000000000..10a3d56b4
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WASlotTag.class/instance/name..st
@@ -0,0 +1,4 @@
+attributes
+name: aSring
+	"The slot's name."
+	self attributeAt: 'name' put: aSring
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/WASlotTag.class/instance/tag.st b/repository/Seaside-Canvas.package/WASlotTag.class/instance/tag.st
new file mode 100644
index 000000000..2a98fa1fe
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WASlotTag.class/instance/tag.st
@@ -0,0 +1,3 @@
+accessing
+tag
+	^ 'slot'
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/WASlotTag.class/properties.json b/repository/Seaside-Canvas.package/WASlotTag.class/properties.json
new file mode 100644
index 000000000..fbf1cd7fe
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WASlotTag.class/properties.json
@@ -0,0 +1,11 @@
+{
+	"commentStamp" : "Anonymous 7/6/2024 14:52",
+	"super" : "WATagBrush",
+	"category" : "Seaside-Canvas-Tags",
+	"classinstvars" : [ ],
+	"pools" : [ ],
+	"classvars" : [ ],
+	"instvars" : [ ],
+	"name" : "WASlotTag",
+	"type" : "normal"
+}
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/WATagBrush.class/instance/slot..st b/repository/Seaside-Canvas.package/WATagBrush.class/instance/slot..st
new file mode 100644
index 000000000..5337b9963
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WATagBrush.class/instance/slot..st
@@ -0,0 +1,5 @@
+attributes-webcomponents
+slot: aString
+	"The slot global attribute assigns a slot in a shadow DOM shadow tree to an element: An element with a slot attribute is assigned to the slot created by the <slot> element whose name attribute's value matches that slot attribute's value."
+
+	self attributes at: 'slot' put: aString
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/WATemplateTag.class/README.md b/repository/Seaside-Canvas.package/WATemplateTag.class/README.md
new file mode 100644
index 000000000..814ccb8ee
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WATemplateTag.class/README.md
@@ -0,0 +1 @@
+The template HTML element serves as a mechanism for holding HTML fragments, which can either be used later via JavaScript or generated immediately into shadow DOM.
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/WATemplateTag.class/instance/shadowRootClonable..st b/repository/Seaside-Canvas.package/WATemplateTag.class/instance/shadowRootClonable..st
new file mode 100644
index 000000000..3da55dd7a
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WATemplateTag.class/instance/shadowRootClonable..st
@@ -0,0 +1,4 @@
+attributes
+shadowRootClonable: aBoolean
+	"Sets the value of the clonable property of a ShadowRoot created using this element to true. If set, a clone of the shadow host (the parent element of this <template>) created with Node.cloneNode() or Document.importNode() will include a shadow root in the copy."
+	self attributeAt: 'shadowrootclonable' put: aBoolean
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/WATemplateTag.class/instance/shadowRootDelegatesFocus..st b/repository/Seaside-Canvas.package/WATemplateTag.class/instance/shadowRootDelegatesFocus..st
new file mode 100644
index 000000000..d040b24b0
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WATemplateTag.class/instance/shadowRootDelegatesFocus..st
@@ -0,0 +1,4 @@
+attributes
+shadowRootDelegatesFocus: aBoolean
+	"Sets the value of the delegatesFocus property of a ShadowRoot created using this element to true. If this is set and a non-focusable element in the shadow tree is selected, then focus is delegated to the first focusable element in the tree. The value defaults to false."
+	self attributeAt: 'shadowrootdelegatesfocus' put: aBoolean
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/WATemplateTag.class/instance/shadowRootMode..st b/repository/Seaside-Canvas.package/WATemplateTag.class/instance/shadowRootMode..st
new file mode 100644
index 000000000..2fa467edd
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WATemplateTag.class/instance/shadowRootMode..st
@@ -0,0 +1,10 @@
+attributes
+shadowRootMode: aString
+	"Creates a shadow root for the parent element. It is a declarative version of the Element.attachShadow() method and accepts the same enumerated values.
+	
+	open
+		Exposes the internal shadow root DOM for JavaScript (recommended for most use cases).
+		
+	closed
+		Hides the internal shadow root DOM from JavaScript."
+	self attributeAt: 'shadowrootmode' put: aString
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/WATemplateTag.class/instance/shadowRootSerializable..st b/repository/Seaside-Canvas.package/WATemplateTag.class/instance/shadowRootSerializable..st
new file mode 100644
index 000000000..d36f7dfcc
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WATemplateTag.class/instance/shadowRootSerializable..st
@@ -0,0 +1,4 @@
+attributes
+shadowRootSerializable: aBoolean
+	"Sets the value of the serializable property of a ShadowRoot created using this element to true. If set, the shadow root may be serialized by calling the Element.getHTML() or ShadowRoot.getHTML() methods with the options.serializableShadowRoots parameter set true. The value defaults to false."
+	self attributeAt: 'shadowrootserializable' put: aBoolean
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/WATemplateTag.class/instance/tag.st b/repository/Seaside-Canvas.package/WATemplateTag.class/instance/tag.st
new file mode 100644
index 000000000..a98ad570d
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WATemplateTag.class/instance/tag.st
@@ -0,0 +1,3 @@
+accessing
+tag
+	^ 'template'
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/WATemplateTag.class/properties.json b/repository/Seaside-Canvas.package/WATemplateTag.class/properties.json
new file mode 100644
index 000000000..eaea133d8
--- /dev/null
+++ b/repository/Seaside-Canvas.package/WATemplateTag.class/properties.json
@@ -0,0 +1,11 @@
+{
+	"commentStamp" : "Anonymous 7/6/2024 14:40",
+	"super" : "WATagBrush",
+	"category" : "Seaside-Canvas-Tags",
+	"classinstvars" : [ ],
+	"pools" : [ ],
+	"classvars" : [ ],
+	"instvars" : [ ],
+	"name" : "WATemplateTag",
+	"type" : "normal"
+}
\ No newline at end of file
diff --git a/repository/Seaside-Canvas.package/monticello.meta/categories.st b/repository/Seaside-Canvas.package/monticello.meta/categories.st
index 7181a3b66..7ebe83afc 100644
--- a/repository/Seaside-Canvas.package/monticello.meta/categories.st
+++ b/repository/Seaside-Canvas.package/monticello.meta/categories.st
@@ -1,4 +1 @@
-SystemOrganization addCategory: #'Seaside-Canvas'!
-SystemOrganization addCategory: #'Seaside-Canvas-Base'!
-SystemOrganization addCategory: #'Seaside-Canvas-Canvas'!
-SystemOrganization addCategory: #'Seaside-Canvas-Tags'!
+self packageOrganizer ensurePackage: #'Seaside-Canvas' withTags: #(#Base #Canvas #Tags)!
diff --git a/repository/Seaside-Component.package/monticello.meta/categories.st b/repository/Seaside-Component.package/monticello.meta/categories.st
index c4309557e..336694e4e 100644
--- a/repository/Seaside-Component.package/monticello.meta/categories.st
+++ b/repository/Seaside-Component.package/monticello.meta/categories.st
@@ -1,5 +1 @@
-SystemOrganization addCategory: #'Seaside-Component'!
-SystemOrganization addCategory: #'Seaside-Component-Base'!
-SystemOrganization addCategory: #'Seaside-Component-Exceptions'!
-SystemOrganization addCategory: #'Seaside-Component-Tasks'!
-SystemOrganization addCategory: #'Seaside-Component-Visitors'!
+self packageOrganizer ensurePackage: #'Seaside-Component' withTags: #(#Base #Exceptions #Tasks #Visitors)!
diff --git a/repository/Seaside-RenderLoop.package/monticello.meta/categories.st b/repository/Seaside-RenderLoop.package/monticello.meta/categories.st
index 1494f7094..2a5aa4c6c 100644
--- a/repository/Seaside-RenderLoop.package/monticello.meta/categories.st
+++ b/repository/Seaside-RenderLoop.package/monticello.meta/categories.st
@@ -1,4 +1 @@
-SystemOrganization addCategory: #'Seaside-RenderLoop'!
-SystemOrganization addCategory: #'Seaside-RenderLoop-Base'!
-SystemOrganization addCategory: #'Seaside-RenderLoop-Continuations'!
-SystemOrganization addCategory: #'Seaside-RenderLoop-Errors'!
+self packageOrganizer ensurePackage: #'Seaside-RenderLoop' withTags: #(#Base #Continuations #Errors)!
diff --git a/repository/Seaside-Tests-Session.package/monticello.meta/categories.st b/repository/Seaside-Tests-Session.package/monticello.meta/categories.st
index 5ce1e69c7..7683c92a6 100644
--- a/repository/Seaside-Tests-Session.package/monticello.meta/categories.st
+++ b/repository/Seaside-Tests-Session.package/monticello.meta/categories.st
@@ -1 +1 @@
-SystemOrganization addCategory: #'Seaside-Tests-Session'!
+self packageOrganizer ensurePackage: #'Seaside-Tests-Session' withTags: #()!
diff --git a/repository/Seaside-Tests-WebComponents.package/.filetree b/repository/Seaside-Tests-WebComponents.package/.filetree
new file mode 100644
index 000000000..57a679737
--- /dev/null
+++ b/repository/Seaside-Tests-WebComponents.package/.filetree
@@ -0,0 +1,5 @@
+{
+	"separateMethodMetaAndSource" : false,
+	"noMethodMetaData" : true,
+	"useCypressPropertiesFile" : true
+}
\ No newline at end of file
diff --git a/repository/Seaside-Tests-WebComponents.package/GRPackage.extension/class/seasideTestsWebComponents.st b/repository/Seaside-Tests-WebComponents.package/GRPackage.extension/class/seasideTestsWebComponents.st
new file mode 100644
index 000000000..2ddfceb42
--- /dev/null
+++ b/repository/Seaside-Tests-WebComponents.package/GRPackage.extension/class/seasideTestsWebComponents.st
@@ -0,0 +1,11 @@
+*Seaside-Tests-WebComponents
+seasideTestsWebComponents
+	^ self new
+		name: 'Seaside-WebComponents-Examples';
+		description: 'Tests for Seaside-WebComponents';
+		addDependency: 'Seaside-WebComponents-Core';
+		addDependency: 'Seaside-Tests-Core';
+		addDependency: 'Seaside-Session';
+		addDependency: 'Seaside-Examples';
+		url: #seasideUrl;
+		yourself
\ No newline at end of file
diff --git a/repository/Seaside-Tests-WebComponents.package/GRPackage.extension/properties.json b/repository/Seaside-Tests-WebComponents.package/GRPackage.extension/properties.json
new file mode 100644
index 000000000..ae522a7e0
--- /dev/null
+++ b/repository/Seaside-Tests-WebComponents.package/GRPackage.extension/properties.json
@@ -0,0 +1,3 @@
+{
+	"name" : "GRPackage"
+}
\ No newline at end of file
diff --git a/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/README.md b/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/README.md
new file mode 100644
index 000000000..e69de29bb
diff --git a/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/class/shouldInheritSelectors.st b/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/class/shouldInheritSelectors.st
new file mode 100644
index 000000000..a1149a441
--- /dev/null
+++ b/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/class/shouldInheritSelectors.st
@@ -0,0 +1,3 @@
+testing
+shouldInheritSelectors
+	^ false
\ No newline at end of file
diff --git a/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/instance/newHandler.st b/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/instance/newHandler.st
new file mode 100644
index 000000000..2d5a248d8
--- /dev/null
+++ b/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/instance/newHandler.st
@@ -0,0 +1,10 @@
+private
+newHandler
+	| application |
+	application := WAApplication new.
+	application configuration
+		addParent: WARenderLoopConfiguration instance.
+	^ application
+		rootClass: WACounter;
+		preferenceAt: #renderPhaseContinuationClass put: WAFragmentRenderPhaseContinuation;
+		yourself
\ No newline at end of file
diff --git a/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/instance/requestWithMethod..st b/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/instance/requestWithMethod..st
new file mode 100644
index 000000000..26f461518
--- /dev/null
+++ b/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/instance/requestWithMethod..st
@@ -0,0 +1,5 @@
+running
+requestWithMethod: aString
+	^ WARequest
+		method: aString
+		uri: '/app/oneo'
\ No newline at end of file
diff --git a/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/instance/testRendering.st b/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/instance/testRendering.st
new file mode 100644
index 000000000..1463dd35d
--- /dev/null
+++ b/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/instance/testRendering.st
@@ -0,0 +1,12 @@
+tests
+testRendering
+	| context request responseContents |
+	request := self requestWithMethod: 'GET'.
+	context := WARequestContext request: request response: WABufferedResponse new.
+	[ handler handle: context ]
+		on: WAResponseNotification
+		do: [ :notification | ].
+	self assert: context response status = 200.
+	responseContents := context response contents.
+	self assert: (responseContents beginsWith: '<h1>').
+	self assert: (responseContents endsWith: '</a>')
\ No newline at end of file
diff --git a/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/properties.json b/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/properties.json
new file mode 100644
index 000000000..0b20eb9a6
--- /dev/null
+++ b/repository/Seaside-Tests-WebComponents.package/WAFragmentRenderingTest.class/properties.json
@@ -0,0 +1,11 @@
+{
+	"commentStamp" : "",
+	"super" : "WARequestHandlerTest",
+	"category" : "Seaside-Tests-WebComponents",
+	"classinstvars" : [ ],
+	"pools" : [ ],
+	"classvars" : [ ],
+	"instvars" : [ ],
+	"name" : "WAFragmentRenderingTest",
+	"type" : "normal"
+}
\ No newline at end of file
diff --git a/repository/Seaside-Tests-WebComponents.package/monticello.meta/categories.st b/repository/Seaside-Tests-WebComponents.package/monticello.meta/categories.st
new file mode 100644
index 000000000..0d3f589e2
--- /dev/null
+++ b/repository/Seaside-Tests-WebComponents.package/monticello.meta/categories.st
@@ -0,0 +1 @@
+self packageOrganizer ensurePackage: #'Seaside-Tests-WebComponents' withTags: #()!
diff --git a/repository/Seaside-Tests-WebComponents.package/monticello.meta/initializers.st b/repository/Seaside-Tests-WebComponents.package/monticello.meta/initializers.st
new file mode 100644
index 000000000..e69de29bb
diff --git a/repository/Seaside-Tests-WebComponents.package/monticello.meta/package b/repository/Seaside-Tests-WebComponents.package/monticello.meta/package
new file mode 100644
index 000000000..159b0ffa3
--- /dev/null
+++ b/repository/Seaside-Tests-WebComponents.package/monticello.meta/package
@@ -0,0 +1 @@
+(name 'Seaside-Tests-WebComponents')
\ No newline at end of file
diff --git a/repository/Seaside-Tests-WebComponents.package/properties.json b/repository/Seaside-Tests-WebComponents.package/properties.json
new file mode 100644
index 000000000..6f31cf5a2
--- /dev/null
+++ b/repository/Seaside-Tests-WebComponents.package/properties.json
@@ -0,0 +1 @@
+{ }
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/.filetree b/repository/Seaside-WebComponents-Core.package/.filetree
new file mode 100644
index 000000000..57a679737
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/.filetree
@@ -0,0 +1,5 @@
+{
+	"separateMethodMetaAndSource" : false,
+	"noMethodMetaData" : true,
+	"useCypressPropertiesFile" : true
+}
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/GRPackage.extension/class/seasideWebComponentsCore.st b/repository/Seaside-WebComponents-Core.package/GRPackage.extension/class/seasideWebComponentsCore.st
new file mode 100644
index 000000000..681126e19
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/GRPackage.extension/class/seasideWebComponentsCore.st
@@ -0,0 +1,11 @@
+*Seaside-WebComponents-Core
+seasideWebComponentsCore
+	^ self new
+		name: 'Seaside-WebComponents-Core';
+		description: 'Allows embedding Seaside components as Web Components';
+		addDependency: 'Seaside-Core';
+		addDependency: 'Seaside-Canvas';
+		addDependency: 'Seaside-Component';
+		addDependency: 'Seaside-RenderLoop';
+		url: #seasideUrl;
+		yourself
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/GRPackage.extension/properties.json b/repository/Seaside-WebComponents-Core.package/GRPackage.extension/properties.json
new file mode 100644
index 000000000..ae522a7e0
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/GRPackage.extension/properties.json
@@ -0,0 +1,3 @@
+{
+	"name" : "GRPackage"
+}
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/WAFragmentRenderPhaseContinuation.class/README.md b/repository/Seaside-WebComponents-Core.package/WAFragmentRenderPhaseContinuation.class/README.md
new file mode 100644
index 000000000..197ee9123
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/WAFragmentRenderPhaseContinuation.class/README.md
@@ -0,0 +1 @@
+I am a render phase continuation that only renders a fragment of a web page, without a head or body.
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/WAFragmentRenderPhaseContinuation.class/instance/createHtmlRootWithContext..st b/repository/Seaside-WebComponents-Core.package/WAFragmentRenderPhaseContinuation.class/instance/createHtmlRootWithContext..st
new file mode 100644
index 000000000..703b0b792
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/WAFragmentRenderPhaseContinuation.class/instance/createHtmlRootWithContext..st
@@ -0,0 +1,3 @@
+private
+createHtmlRootWithContext: aRenderContext
+	^ WANilHtmlRoot new
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/WAFragmentRenderPhaseContinuation.class/instance/toPresenterSendRoot..st b/repository/Seaside-WebComponents-Core.package/WAFragmentRenderPhaseContinuation.class/instance/toPresenterSendRoot..st
new file mode 100644
index 000000000..e2872eefd
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/WAFragmentRenderPhaseContinuation.class/instance/toPresenterSendRoot..st
@@ -0,0 +1,3 @@
+updating
+toPresenterSendRoot: anHtmlRoot
+	"intentionally empty"
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/WAFragmentRenderPhaseContinuation.class/instance/updateRoot..st b/repository/Seaside-WebComponents-Core.package/WAFragmentRenderPhaseContinuation.class/instance/updateRoot..st
new file mode 100644
index 000000000..d7b82c083
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/WAFragmentRenderPhaseContinuation.class/instance/updateRoot..st
@@ -0,0 +1,3 @@
+updating
+updateRoot: anHtmlRoot
+	"intentionally empty"
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/WAFragmentRenderPhaseContinuation.class/properties.json b/repository/Seaside-WebComponents-Core.package/WAFragmentRenderPhaseContinuation.class/properties.json
new file mode 100644
index 000000000..b8b2445d0
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/WAFragmentRenderPhaseContinuation.class/properties.json
@@ -0,0 +1,11 @@
+{
+	"commentStamp" : "Anonymous 7/6/2024 13:05",
+	"super" : "WARenderPhaseContinuation",
+	"category" : "Seaside-WebComponents-Core",
+	"classinstvars" : [ ],
+	"pools" : [ ],
+	"classvars" : [ ],
+	"instvars" : [ ],
+	"name" : "WAFragmentRenderPhaseContinuation",
+	"type" : "normal"
+}
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/WAHeadlessComponent.class/README.md b/repository/Seaside-WebComponents-Core.package/WAHeadlessComponent.class/README.md
new file mode 100644
index 000000000..d7a9f8982
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/WAHeadlessComponent.class/README.md
@@ -0,0 +1,3 @@
+I am a component that is used to render a web page without <html>, <head> or <body> elements.
+
+I do not add any functionality, I only prevent components from being used in pages that have <html>, <head> or <body> elements. It is therefore not required that components subclass me.
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/WAHeadlessComponent.class/instance/updateRoot..st b/repository/Seaside-WebComponents-Core.package/WAHeadlessComponent.class/instance/updateRoot..st
new file mode 100644
index 000000000..3abd442c3
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/WAHeadlessComponent.class/instance/updateRoot..st
@@ -0,0 +1,3 @@
+updating
+updateRoot: anHtmlRoot
+	self shouldNotImplement
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/WAHeadlessComponent.class/properties.json b/repository/Seaside-WebComponents-Core.package/WAHeadlessComponent.class/properties.json
new file mode 100644
index 000000000..4fb8b5fe9
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/WAHeadlessComponent.class/properties.json
@@ -0,0 +1,11 @@
+{
+	"commentStamp" : "xxx 7/10/2024 09:34",
+	"super" : "WAComponent",
+	"category" : "Seaside-WebComponents-Core",
+	"classinstvars" : [ ],
+	"pools" : [ ],
+	"classvars" : [ ],
+	"instvars" : [ ],
+	"name" : "WAHeadlessComponent",
+	"type" : "normal"
+}
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/WANilHtmlRoot.class/README.md b/repository/Seaside-WebComponents-Core.package/WANilHtmlRoot.class/README.md
new file mode 100644
index 000000000..7433b582a
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/WANilHtmlRoot.class/README.md
@@ -0,0 +1 @@
+I am a stand in for an HTML root to render a web page without head or body.
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/WANilHtmlRoot.class/instance/closeOn..st b/repository/Seaside-WebComponents-Core.package/WANilHtmlRoot.class/instance/closeOn..st
new file mode 100644
index 000000000..12dc6c3ce
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/WANilHtmlRoot.class/instance/closeOn..st
@@ -0,0 +1,3 @@
+writing
+closeOn: aDocument
+	"intentionally empty"
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/WANilHtmlRoot.class/instance/openOn..st b/repository/Seaside-WebComponents-Core.package/WANilHtmlRoot.class/instance/openOn..st
new file mode 100644
index 000000000..18771f799
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/WANilHtmlRoot.class/instance/openOn..st
@@ -0,0 +1,3 @@
+writing
+openOn: aDocument
+	"intentionally empty"
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/WANilHtmlRoot.class/properties.json b/repository/Seaside-WebComponents-Core.package/WANilHtmlRoot.class/properties.json
new file mode 100644
index 000000000..9cc1314f4
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/WANilHtmlRoot.class/properties.json
@@ -0,0 +1,11 @@
+{
+	"commentStamp" : "Anonymous 7/6/2024 13:07",
+	"super" : "WAObject",
+	"category" : "Seaside-WebComponents-Core",
+	"classinstvars" : [ ],
+	"pools" : [ ],
+	"classvars" : [ ],
+	"instvars" : [ ],
+	"name" : "WANilHtmlRoot",
+	"type" : "normal"
+}
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/WAWebComponentsLibrary.class/README.md b/repository/Seaside-WebComponents-Core.package/WAWebComponentsLibrary.class/README.md
new file mode 100644
index 000000000..941d9c996
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/WAWebComponentsLibrary.class/README.md
@@ -0,0 +1,35 @@
+I am a WebComponent library that allows users to embed Seaside components into existing web pages.
+
+Usually I would not be used directly a Seaside application, instead I would be handed off to a different application or web page that wants to embed Seaside components.
+
+# Usage
+
+To use this library 
+
+```language=HTML
+<html>
+  <head>
+    <!-- -->
+    <script src="seaside-components.js" defer></script>
+  </head>
+  <body>
+    <!-- -->
+    <wa-component url="/examples/headless-counter">Loading...</wa-component>
+    <!-- -->
+  </body>
+</html>
+```
+
+# Page Refreshes
+
+When an embeded component does a full page refresh a full page refresh of the containing page will result. If this is not wanted then the component needs to use Ajax or opt-in to ajaxification.
+
+# Ajaxification
+
+Per default no ajaxification will happen so you have to make sure your component does not perform full page requests.
+
+You can opt in to ajaxification using
+
+```language=HTML
+<seaside-component url="/examples/headless-counter" ajaxify="true">Loading...</seaside-component>
+```
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/WAWebComponentsLibrary.class/instance/seasideWebComponentsJs.st b/repository/Seaside-WebComponents-Core.package/WAWebComponentsLibrary.class/instance/seasideWebComponentsJs.st
new file mode 100644
index 000000000..d0407b869
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/WAWebComponentsLibrary.class/instance/seasideWebComponentsJs.st
@@ -0,0 +1,67 @@
+scripts
+seasideWebComponentsJs
+	^ '"use strict";
+(function() {
+  class WaComponent extends HTMLElement {
+    #shadowRoot;
+    constructor() {
+      super();
+      this.#shadowRoot = this.attachShadow({mode: "closed"});
+    }
+
+    #ajaxify() {
+      this.#shadowRoot.addEventListener("click", (event) => {
+		
+        // links
+        const anchor = event.target.closest("a");
+        if (anchor !== null) {
+          this.#load("GET", anchor.getAttribute("href"), null);
+          event.preventDefault();
+          return;
+        }
+
+        // submit
+        const submit = event.target.closest("input[type=submit], button[type=submit]");
+        if (submit !== null) {
+          const form = submit.closest("form");
+          if (form !== null) {
+            const formData = new FormData(form);
+            formData.append(submit.getAttribute("name"), "");
+            this.#load("POST", form.getAttribute("action"), formData);
+            event.preventDefault();
+          }
+        }
+      });
+    }
+
+    #load(method, url, data) {
+      const xhr = new XMLHttpRequest();
+
+      xhr.responseType = "text";  // we do not stirp anyhing, just use innerHtml
+      xhr.addEventListener("load", (event) => {
+        if (xhr.status === 200) {
+          this.#shadowRoot.innerHTML = xhr.response;
+        }
+      });
+		
+      xhr.open(method, url);
+
+      // WAActionCallback per default are disabled for AJAX requests
+      // Detection happens with X-Requested-With so we override it 
+      xhr.setRequestHeader("X-Requested-With", "Seaside-WebComponents");
+      xhr.send(data);
+    }
+
+    connectedCallback() {
+      const componentUrl = this.getAttribute("url");
+      const ajaxify = this.getAttribute("ajaxify");
+      if (ajaxify === "true") {
+        this.#ajaxify();
+      }
+      this.#load("GET", componentUrl, null);
+    }
+  }
+
+  customElements.define("wa-component", WaComponent);
+})();
+'
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/WAWebComponentsLibrary.class/properties.json b/repository/Seaside-WebComponents-Core.package/WAWebComponentsLibrary.class/properties.json
new file mode 100644
index 000000000..9da5aa8a5
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/WAWebComponentsLibrary.class/properties.json
@@ -0,0 +1,11 @@
+{
+	"commentStamp" : "xxx 7/10/2024 13:15",
+	"super" : "WAFileLibrary",
+	"category" : "Seaside-WebComponents-Core",
+	"classinstvars" : [ ],
+	"pools" : [ ],
+	"classvars" : [ ],
+	"instvars" : [ ],
+	"name" : "WAWebComponentsLibrary",
+	"type" : "normal"
+}
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/monticello.meta/categories.st b/repository/Seaside-WebComponents-Core.package/monticello.meta/categories.st
new file mode 100644
index 000000000..6e32bfaff
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/monticello.meta/categories.st
@@ -0,0 +1 @@
+self packageOrganizer ensurePackage: #'Seaside-WebComponents-Core' withTags: #()!
diff --git a/repository/Seaside-WebComponents-Core.package/monticello.meta/initializers.st b/repository/Seaside-WebComponents-Core.package/monticello.meta/initializers.st
new file mode 100644
index 000000000..e69de29bb
diff --git a/repository/Seaside-WebComponents-Core.package/monticello.meta/package b/repository/Seaside-WebComponents-Core.package/monticello.meta/package
new file mode 100644
index 000000000..a4e71d3e4
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/monticello.meta/package
@@ -0,0 +1 @@
+(name 'Seaside-WebComponents-Core')
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Core.package/properties.json b/repository/Seaside-WebComponents-Core.package/properties.json
new file mode 100644
index 000000000..6f31cf5a2
--- /dev/null
+++ b/repository/Seaside-WebComponents-Core.package/properties.json
@@ -0,0 +1 @@
+{ }
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/.filetree b/repository/Seaside-WebComponents-Examples.package/.filetree
new file mode 100644
index 000000000..57a679737
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/.filetree
@@ -0,0 +1,5 @@
+{
+	"separateMethodMetaAndSource" : false,
+	"noMethodMetaData" : true,
+	"useCypressPropertiesFile" : true
+}
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/GRPackage.extension/class/seasideWebComponentsExamples.st b/repository/Seaside-WebComponents-Examples.package/GRPackage.extension/class/seasideWebComponentsExamples.st
new file mode 100644
index 000000000..7934c13f6
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/GRPackage.extension/class/seasideWebComponentsExamples.st
@@ -0,0 +1,9 @@
+*Seaside-WebComponents-Examples
+seasideWebComponentsExamples
+	^ self new
+		name: 'Seaside-WebComponents-Examples';
+		description: 'Examples on how to use Seaside WebComponents';
+		addDependency: 'Seaside-WebComponents-Core';
+		addDependency: 'Seaside-Examples';
+		url: #seasideUrl;
+		yourself
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/GRPackage.extension/properties.json b/repository/Seaside-WebComponents-Examples.package/GRPackage.extension/properties.json
new file mode 100644
index 000000000..ae522a7e0
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/GRPackage.extension/properties.json
@@ -0,0 +1,3 @@
+{
+	"name" : "GRPackage"
+}
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/README.md b/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/README.md
new file mode 100644
index 000000000..944c02921
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/README.md
@@ -0,0 +1,3 @@
+I wrap a WACounter and render it.
+
+My main purpose is to serve as a root component of an application that just renders a counter without <html>, <head> and <body>.
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/class/canBeRoot.st b/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/class/canBeRoot.st
new file mode 100644
index 000000000..2ddd9c1fa
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/class/canBeRoot.st
@@ -0,0 +1,3 @@
+testing
+canBeRoot
+	^ true
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/class/initialize.st b/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/class/initialize.st
new file mode 100644
index 000000000..26ef1e1a2
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/class/initialize.st
@@ -0,0 +1,8 @@
+initialization
+initialize
+	| application |
+	"register such that we do not have the developer tools"
+	application := WAAdmin register: WAApplication at: 'examples/headless-counter' in: WAAdmin defaultDispatcher.
+	application configuration addParent: WARenderLoopConfiguration instance.
+	application rootClass: self.
+	application preferenceAt: #renderPhaseContinuationClass put: WAFragmentRenderPhaseContinuation
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/instance/children.st b/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/instance/children.st
new file mode 100644
index 000000000..c486de0be
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/instance/children.st
@@ -0,0 +1,3 @@
+hooks
+children
+	^ Array with: counter
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/instance/initialize.st b/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/instance/initialize.st
new file mode 100644
index 000000000..5aec317f5
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/instance/initialize.st
@@ -0,0 +1,4 @@
+initialization
+initialize
+	super initialize.
+	counter := WACounter new
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/instance/renderContentOn..st b/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/instance/renderContentOn..st
new file mode 100644
index 000000000..a21b65254
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/instance/renderContentOn..st
@@ -0,0 +1,6 @@
+rendering
+renderContentOn: html
+	(html tag: 'style') with:
+	'h1, a { font-family: monospace }
+	'.
+	html render: counter
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/properties.json b/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/properties.json
new file mode 100644
index 000000000..3895036b9
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/WAHeadlessCounter.class/properties.json
@@ -0,0 +1,13 @@
+{
+	"commentStamp" : "xxx 7/10/2024 09:27",
+	"super" : "WAHeadlessComponent",
+	"category" : "Seaside-WebComponents-Examples",
+	"classinstvars" : [ ],
+	"pools" : [ ],
+	"classvars" : [ ],
+	"instvars" : [
+		"counter"
+	],
+	"name" : "WAHeadlessCounter",
+	"type" : "normal"
+}
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/README.md b/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/README.md
new file mode 100644
index 000000000..cc20bebe7
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/README.md
@@ -0,0 +1,3 @@
+I demonstrate how Seaside Components can be used as Web Components.
+
+Normally I would not be a Seaside application but instead use a different technolog.
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/class/canBeRoot.st b/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/class/canBeRoot.st
new file mode 100644
index 000000000..2ddd9c1fa
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/class/canBeRoot.st
@@ -0,0 +1,3 @@
+testing
+canBeRoot
+	^ true
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/class/initialize.st b/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/class/initialize.st
new file mode 100644
index 000000000..2c3ed2e96
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/class/initialize.st
@@ -0,0 +1,4 @@
+initialization
+initialize
+	(WAAdmin register: self asApplicationAt: 'examples/web-components')
+		scriptGeneratorClass: WANullScriptGenerator
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/instance/renderContentOn..st b/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/instance/renderContentOn..st
new file mode 100644
index 000000000..314a1e958
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/instance/renderContentOn..st
@@ -0,0 +1,7 @@
+rendering
+renderContentOn: html
+	html heading: 'Seaside WebComponents Demo'.
+	(html tag: 'wa-component')
+		attributeAt: 'url' put: '/examples/headless-counter';
+		attributeAt: 'ajaxify' put: 'true';
+		with: 'Loading...'
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/instance/updateRoot..st b/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/instance/updateRoot..st
new file mode 100644
index 000000000..cdb76f08d
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/instance/updateRoot..st
@@ -0,0 +1,7 @@
+updating
+updateRoot: aRoot
+	super updateRoot: aRoot.
+	aRoot title: 'Seaside WebComponents Demo'.
+	aRoot script
+		url: (WAWebComponentsLibrary / #seasideWebComponentsJs);
+		defer
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/properties.json b/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/properties.json
new file mode 100644
index 000000000..4d3e6284e
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/WAWebComponentsDemoApplication.class/properties.json
@@ -0,0 +1,11 @@
+{
+	"commentStamp" : "xxx 7/10/2024 13:38",
+	"super" : "WAComponent",
+	"category" : "Seaside-WebComponents-Examples",
+	"classinstvars" : [ ],
+	"pools" : [ ],
+	"classvars" : [ ],
+	"instvars" : [ ],
+	"name" : "WAWebComponentsDemoApplication",
+	"type" : "normal"
+}
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/monticello.meta/categories.st b/repository/Seaside-WebComponents-Examples.package/monticello.meta/categories.st
new file mode 100644
index 000000000..cfb710610
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/monticello.meta/categories.st
@@ -0,0 +1 @@
+self packageOrganizer ensurePackage: #'Seaside-WebComponents-Examples' withTags: #()!
diff --git a/repository/Seaside-WebComponents-Examples.package/monticello.meta/initializers.st b/repository/Seaside-WebComponents-Examples.package/monticello.meta/initializers.st
new file mode 100644
index 000000000..e69de29bb
diff --git a/repository/Seaside-WebComponents-Examples.package/monticello.meta/package b/repository/Seaside-WebComponents-Examples.package/monticello.meta/package
new file mode 100644
index 000000000..6962c2ca1
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/monticello.meta/package
@@ -0,0 +1 @@
+(name 'Seaside-WebComponents-Examples')
\ No newline at end of file
diff --git a/repository/Seaside-WebComponents-Examples.package/properties.json b/repository/Seaside-WebComponents-Examples.package/properties.json
new file mode 100644
index 000000000..6f31cf5a2
--- /dev/null
+++ b/repository/Seaside-WebComponents-Examples.package/properties.json
@@ -0,0 +1 @@
+{ }
\ No newline at end of file