diff --git a/.version b/.version
index 0229a488e..f94611877 100644
--- a/.version
+++ b/.version
@@ -1 +1 @@
-0.2.608
\ No newline at end of file
+0.2.610
\ No newline at end of file
diff --git a/docs/docs/03-syntax-and-usage/03-attributes.md b/docs/docs/03-syntax-and-usage/03-attributes.md
index 669996f0d..6460eb0e6 100644
--- a/docs/docs/03-syntax-and-usage/03-attributes.md
+++ b/docs/docs/03-syntax-and-usage/03-attributes.md
@@ -97,6 +97,7 @@ It's possible to spread any variable of type `templ.Attributes`. `templ.Attribut
 * If the value is a `bool`, the attribute is added as a boolean attribute if the value is true, e.g. `<div name>`.
 * If the value is a `templ.KeyValue[string, bool]`, the attribute is added if the boolean is true, e.g. `<div name="value">`.
 * If the value is a `templ.KeyValue[bool, bool]`, the attribute is added if both boolean values are true, as `<div name>`.
+* If the value is a `templ.ComponentScript`, the relevant `<script>` element will be rendered into the HTML and the generated function call will be inserted into the value of the attribute.
 
 ```templ
 templ component(shouldBeUsed bool, attrs templ.Attributes) {
diff --git a/generator/generator.go b/generator/generator.go
index df9c0a66f..fee79c91e 100644
--- a/generator/generator.go
+++ b/generator/generator.go
@@ -1021,15 +1021,25 @@ func isScriptAttribute(name string) bool {
 
 func (g *generator) writeElementScript(indentLevel int, n parser.Element) (err error) {
 	var scriptExpressions []string
+	var spreadAttributes []string
 	for _, attr := range n.Attributes {
-		scriptExpressions = append(scriptExpressions, getAttributeScripts(attr)...)
+		scripts, spreads := getAttributeScripts(attr)
+		scriptExpressions = append(scriptExpressions, scripts...)
+		spreadAttributes = append(spreadAttributes, spreads...)
 	}
-	if len(scriptExpressions) == 0 {
+	if len(scriptExpressions) == 0 && len(spreadAttributes) == 0 {
 		return
 	}
+
+	renderFuncString := "RenderScriptItems"
+	spreadParamString := ""
+	if len(spreadAttributes) > 0 {
+		renderFuncString = "RenderScriptItemsWithSpread"
+		spreadParamString = "[]templ.Attributes{" + strings.Join(spreadAttributes, ", ") + "}, "
+	}
 	// Render the scripts before the element if required.
-	// templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, a, b, c)
-	if _, err = g.w.WriteIndent(indentLevel, "templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, "+strings.Join(scriptExpressions, ", ")+")\n"); err != nil {
+	// templ_7745c5c3_Err = templ.RenderScriptItems(ctx, templ_7745c5c3_Buffer, []Attributes, a, b, c)
+	if _, err = g.w.WriteIndent(indentLevel, "templ_7745c5c3_Err = templ."+renderFuncString+"(ctx, templ_7745c5c3_Buffer, "+spreadParamString+strings.Join(scriptExpressions, ", ")+")\n"); err != nil {
 		return err
 	}
 	if err = g.writeErrorHandler(indentLevel); err != nil {
@@ -1038,13 +1048,17 @@ func (g *generator) writeElementScript(indentLevel int, n parser.Element) (err e
 	return err
 }
 
-func getAttributeScripts(attr parser.Attribute) (scripts []string) {
+func getAttributeScripts(attr parser.Attribute) (scripts []string, spreads []string) {
 	if attr, ok := attr.(parser.ConditionalAttribute); ok {
 		for _, attr := range attr.Then {
-			scripts = append(scripts, getAttributeScripts(attr)...)
+			thenScripts, thenSpreads := getAttributeScripts(attr)
+			scripts = append(scripts, thenScripts...)
+			spreads = append(spreads, thenSpreads...)
 		}
 		for _, attr := range attr.Else {
-			scripts = append(scripts, getAttributeScripts(attr)...)
+			elseScripts, elseSpreads := getAttributeScripts(attr)
+			scripts = append(scripts, elseScripts...)
+			spreads = append(spreads, elseSpreads...)
 		}
 	}
 	if attr, ok := attr.(parser.ExpressionAttribute); ok {
@@ -1053,7 +1067,10 @@ func getAttributeScripts(attr parser.Attribute) (scripts []string) {
 			scripts = append(scripts, attr.Expression.Value)
 		}
 	}
-	return scripts
+	if attr, ok := attr.(parser.SpreadAttributes); ok {
+		spreads = append(spreads, attr.Expression.Value)
+	}
+	return
 }
 
 func (g *generator) writeBoolConstantAttribute(indentLevel int, attr parser.BoolConstantAttribute) (err error) {
diff --git a/generator/test-spread-attributes/expected.html b/generator/test-spread-attributes/expected.html
index c48eabec5..8bf6926ee 100644
--- a/generator/test-spread-attributes/expected.html
+++ b/generator/test-spread-attributes/expected.html
@@ -1,10 +1,14 @@
 <div>
-<a bool dateid="my-custom-id" hx-get="/page" id="test" nonshade optional-from-func-true text="lorem">
+<script type="text/javascript">
+function __templ_BasicScript_97f1(message){alert(message);
+}
+</script>
+<a bool dateid="my-custom-id" hx-get="/page" id="test" nonshade onclick="__templ_BasicScript_97f1(&#34;hello, world&#34;)" optional-from-func-true text="lorem" href="/path/to/resource" onmouseleave="__templ_BasicScript_97f1(&#34;mouse left&#34;)">
   text
 </a>
-<div bool dateid="my-custom-id" hx-get="/page" id="test" nonshade optional-from-func-true text="lorem">
+<button onclick="__templ_BasicScript_97f1(&#34;you clicked on me&#34;)" bool dateid="my-custom-id" hx-get="/page" id="test" nonshade onclick="__templ_BasicScript_97f1(&#34;hello, world&#34;)" optional-from-func-true text="lorem">
   text2
-</div>
+</button>
 <div>
   text3
 </div>
diff --git a/generator/test-spread-attributes/render_test.go b/generator/test-spread-attributes/render_test.go
index 398feeaf5..275817ebe 100644
--- a/generator/test-spread-attributes/render_test.go
+++ b/generator/test-spread-attributes/render_test.go
@@ -12,32 +12,39 @@ import (
 var expected string
 
 func Test(t *testing.T) {
-	component := BasicTemplate(templ.Attributes{
-		// Should render as `bool` as the value is true, and the conditional render is also true.
-		"bool": templ.KV(true, true),
-		// Should not render, as the conditional render value is false.
-		"bool-disabled": templ.KV(true, false),
-		// Should render as `dateId="my-custom-id"`.
-		"dateId": "my-custom-id",
-		// Should render as `hx-get="/page"`.
-		"hx-get": "/page",
-		// Should render as `id="test"`.
-		"id": "test",
-		// Should not render, as the attribute value, and the conditional render value is false.
-		"no-bool": templ.KV(false, false),
-		// Should not render, as the conditional render value is false.
-		"no-text": templ.KV("empty", false),
-		// Should render as `nonshare`, as the value is true.
-		"nonshade": true,
-		// Should not render, as the value is false.
-		"shade": false,
-		// Should render text="lorem" as the value is true.
-		"text": templ.KV("lorem", true),
-		// Optional attribute based on result of func() bool.
-		"optional-from-func-false": func() bool { return false },
-		// Optional attribute based on result of func() bool.
-		"optional-from-func-true": func() bool { return true },
-	})
+	component := BasicTemplate(
+		templ.Attributes{
+			// Should render as `bool` as the value is true, and the conditional render is also true.
+			"bool": templ.KV(true, true),
+			// Should not render, as the conditional render value is false.
+			"bool-disabled": templ.KV(true, false),
+			// Should render as `dateId="my-custom-id"`.
+			"dateId": "my-custom-id",
+			// Should render as `hx-get="/page"`.
+			"hx-get": "/page",
+			// Should render as `id="test"`.
+			"id": "test",
+			// Should not render, as the attribute value, and the conditional render value is false.
+			"no-bool": templ.KV(false, false),
+			// Should not render, as the conditional render value is false.
+			"no-text": templ.KV("empty", false),
+			// Should render as `nonshare`, as the value is true.
+			"nonshade": true,
+			// Should not render, as the value is false.
+			"shade": false,
+			// Should render text="lorem" as the value is true.
+			"text": templ.KV("lorem", true),
+			// Optional attribute based on result of func() bool.
+			"optional-from-func-false": func() bool { return false },
+			// Optional attribute based on result of func() bool.
+			"optional-from-func-true": func() bool { return true },
+			// Should render a <script> element before the element and include a call to the JS function as an attribute
+			"onclick": BasicScript("hello, world"),
+		},
+		templ.Attributes{
+			"onmouseleave": BasicScript("mouse left"),
+			"href":         "/path/to/resource",
+		})
 
 	diff, err := htmldiff.Diff(component, expected)
 	if err != nil {
diff --git a/generator/test-spread-attributes/template.templ b/generator/test-spread-attributes/template.templ
index 282783e78..71cf37871 100644
--- a/generator/test-spread-attributes/template.templ
+++ b/generator/test-spread-attributes/template.templ
@@ -1,17 +1,21 @@
 package testspreadattributes
 
-templ BasicTemplate(spread templ.Attributes) {
+script BasicScript(message string) {
+	alert(message);
+}
+
+templ BasicTemplate(spread templ.Attributes, otherSpread templ.Attributes) {
 	<div>
-		<a { spread... }>text</a>
-		<div
+		<a { spread... } { otherSpread... }>text</a>
+		<button onclick={BasicScript("you clicked on me")}
 			if true {
 				{ spread... }
 			}
-		>text2</div>
+		>text2</button>
 		<div
 			if false {
 				{ spread... }
 			}
 		>text3</div>
 	</div>
-}
+}
\ No newline at end of file
diff --git a/generator/test-spread-attributes/template_templ.go b/generator/test-spread-attributes/template_templ.go
index f6eb5af08..0f5dcb42b 100644
--- a/generator/test-spread-attributes/template_templ.go
+++ b/generator/test-spread-attributes/template_templ.go
@@ -9,7 +9,17 @@ import "context"
 import "io"
 import "bytes"
 
-func BasicTemplate(spread templ.Attributes) templ.Component {
+func BasicScript(message string) templ.ComponentScript {
+	return templ.ComponentScript{
+		Name: `__templ_BasicScript_97f1`,
+		Function: `function __templ_BasicScript_97f1(message){alert(message);
+}`,
+		Call:       templ.SafeScript(`__templ_BasicScript_97f1`, message),
+		CallInline: templ.SafeScriptInline(`__templ_BasicScript_97f1`, message),
+	}
+}
+
+func BasicTemplate(spread templ.Attributes, otherSpread templ.Attributes) templ.Component {
 	return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) {
 		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer)
 		if !templ_7745c5c3_IsBuffer {
@@ -22,7 +32,15 @@ func BasicTemplate(spread templ.Attributes) templ.Component {
 			templ_7745c5c3_Var1 = templ.NopComponent
 		}
 		ctx = templ.ClearChildren(ctx)
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div><a")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templ.RenderScriptItemsWithSpread(ctx, templ_7745c5c3_Buffer, []templ.Attributes{spread, otherSpread})
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<a")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -30,7 +48,28 @@ func BasicTemplate(spread templ.Attributes) templ.Component {
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(">text</a><div")
+		templ_7745c5c3_Err = templ.RenderAttributes(ctx, templ_7745c5c3_Buffer, otherSpread)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(">text</a> ")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templ.RenderScriptItemsWithSpread(ctx, templ_7745c5c3_Buffer, []templ.Attributes{spread}, BasicScript("you clicked on me"))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<button onclick=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var2 templ.ComponentScript = BasicScript("you clicked on me")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var2.Call)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -40,7 +79,15 @@ func BasicTemplate(spread templ.Attributes) templ.Component {
 				return templ_7745c5c3_Err
 			}
 		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(">text2</div><div")
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(">text2</button>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templ.RenderScriptItemsWithSpread(ctx, templ_7745c5c3_Buffer, []templ.Attributes{spread})
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<div")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
diff --git a/runtime.go b/runtime.go
index 327c8eb2b..1289cb0e4 100644
--- a/runtime.go
+++ b/runtime.go
@@ -536,6 +536,10 @@ func RenderAttributes(ctx context.Context, w io.Writer, attributes Attributes) (
 					return err
 				}
 			}
+		case ComponentScript:
+			if err = writeStrings(w, ` `, EscapeString(key), `="`, value.Call, `"`); err != nil {
+				return err
+			}
 		}
 	}
 	return nil
@@ -691,6 +695,20 @@ func (c ComponentScript) Render(ctx context.Context, w io.Writer) error {
 
 // RenderScriptItems renders a <script> element, if the script has not already been rendered.
 func RenderScriptItems(ctx context.Context, w io.Writer, scripts ...ComponentScript) (err error) {
+	return RenderScriptItemsWithSpread(ctx, w, nil, scripts...)
+}
+
+// RenderScriptItemsWithSpread renders a <script> element, if the script has not already been rendered.
+// Includes support for scripts passed from spread attributes { attrs... }.
+func RenderScriptItemsWithSpread(ctx context.Context, w io.Writer, attrSlice []Attributes, scripts ...ComponentScript) (err error) {
+	for _, attrs := range attrSlice {
+		for _, attr := range attrs {
+			if script, ok := attr.(ComponentScript); ok {
+				scripts = append(scripts, script)
+			}
+		}
+	}
+
 	if len(scripts) == 0 {
 		return nil
 	}