diff --git a/.changeset/readonly-for-inputs.md b/.changeset/readonly-for-inputs.md
new file mode 100644
index 000000000..79c452461
--- /dev/null
+++ b/.changeset/readonly-for-inputs.md
@@ -0,0 +1,6 @@
+---
+"@preact/signals": patch
+"@preact/signals-react": patch
+---
+
+Allow `<For>` to accept readonly arrays and signals containing readonly arrays.
diff --git a/packages/preact/utils/src/index.tsx b/packages/preact/utils/src/index.tsx
index 48349dfab..27dafe4ff 100644
--- a/packages/preact/utils/src/index.tsx
+++ b/packages/preact/utils/src/index.tsx
@@ -28,11 +28,13 @@ export function Show<T = boolean>(
 
 Show.displayName = "Show";
 
+type ForEach<T> =
+	| ReadonlyArray<T>
+	| Signal<ReadonlyArray<T>>
+	| ReadonlySignal<ReadonlyArray<T>>;
+
 interface ForProps<T> {
-	each:
-		| Signal<Array<T>>
-		| ReadonlySignal<Array<T>>
-		| (() => Array<T> | Signal<Array<T>> | ReadonlySignal<Array<T>>);
+	each: ForEach<T> | (() => ForEach<T>);
 	fallback?: ComponentChildren;
 	getKey?: (item: T, index: number) => string | number;
 	children: (value: T, index: number) => ComponentChildren;
@@ -41,8 +43,8 @@ interface ForProps<T> {
 export function For<T>(props: ForProps<T>): ComponentChildren | null {
 	const cache = useMemo(() => new Map(), []);
 	const list = (typeof props.each === "function" ? props.each() : props.each) as
-		| Signal<Array<T>>
-		| Array<T>;
+		| Signal<ReadonlyArray<T>>
+		| ReadonlyArray<T>;
 
 	const listValue = list instanceof Signal ? list.value : list;
 
diff --git a/packages/preact/utils/test/browser/index.test.tsx b/packages/preact/utils/test/browser/index.test.tsx
index 30e8799ae..f7f5edc13 100644
--- a/packages/preact/utils/test/browser/index.test.tsx
+++ b/packages/preact/utils/test/browser/index.test.tsx
@@ -164,6 +164,30 @@ describe("@preact/signals-utils", () => {
 			);
 		});
 
+		it("Should accept readonly list types", () => {
+			const plain: readonly string[] = ["foo", "bar"];
+			const list = signal<readonly string[]>(["baz", "qux"]);
+			const computedList = computed((): readonly string[] => list.value);
+			const Paragraph = (p: any) => <p>{p.children}</p>;
+
+			act(() => {
+				render(
+					<div>
+						<For each={plain}>{item => <Paragraph>{item}</Paragraph>}</For>
+						<For each={list}>{item => <Paragraph>{item}</Paragraph>}</For>
+						<For each={() => computedList}>
+							{item => <Paragraph>{item}</Paragraph>}
+						</For>
+					</div>,
+					scratch
+				);
+			});
+
+			expect(scratch.innerHTML).to.eq(
+				"<div><p>foo</p><p>bar</p><p>baz</p><p>qux</p><p>baz</p><p>qux</p></div>"
+			);
+		});
+
 		it("Should pass updated indexes to reused items after removal", () => {
 			const alice = { id: "a", label: "Alice" };
 			const bob = { id: "b", label: "Bob" };
diff --git a/packages/react/utils/src/index.tsx b/packages/react/utils/src/index.tsx
index 4dbabee79..eb99ad5d0 100644
--- a/packages/react/utils/src/index.tsx
+++ b/packages/react/utils/src/index.tsx
@@ -35,11 +35,13 @@ export function Show<T = boolean>(props: ShowProps<T>): JSX.Element | null {
 
 Show.displayName = "Show";
 
+type ForEach<T> =
+	| ReadonlyArray<T>
+	| Signal<ReadonlyArray<T>>
+	| ReadonlySignal<ReadonlyArray<T>>;
+
 interface ForProps<T> {
-	each:
-		| Signal<Array<T>>
-		| ReadonlySignal<Array<T>>
-		| (() => Array<T> | Signal<Array<T>> | ReadonlySignal<Array<T>>);
+	each: ForEach<T> | (() => ForEach<T>);
 	fallback?: ReactNode;
 	getKey?: (item: T, index: number) => string | number;
 	children: (value: T, index: number) => ReactNode;
@@ -49,8 +51,8 @@ export function For<T>(props: ForProps<T>): JSX.Element | null {
 	useSignals();
 	const cache = useMemo(() => new Map(), []);
 	const list = (typeof props.each === "function" ? props.each() : props.each) as
-		| Signal<Array<T>>
-		| Array<T>;
+		| Signal<ReadonlyArray<T>>
+		| ReadonlyArray<T>;
 
 	const listValue = list instanceof Signal ? list.value : list;
 
diff --git a/packages/react/utils/test/browser/index.test.tsx b/packages/react/utils/test/browser/index.test.tsx
index 28323e36d..df6a25582 100644
--- a/packages/react/utils/test/browser/index.test.tsx
+++ b/packages/react/utils/test/browser/index.test.tsx
@@ -197,6 +197,29 @@ describe("@preact/signals-react-utils", () => {
 			);
 		});
 
+		it("Should accept readonly list types", async () => {
+			const plain: readonly string[] = ["foo", "bar"];
+			const list = signal<readonly string[]>(["baz", "qux"]);
+			const computedList = computed((): readonly string[] => list.value);
+			const Paragraph = (p: any) => <p>{p.children}</p>;
+
+			await act(() => {
+				render(
+					<div>
+						<For each={plain}>{item => <Paragraph>{item}</Paragraph>}</For>
+						<For each={list}>{item => <Paragraph>{item}</Paragraph>}</For>
+						<For each={() => computedList}>
+							{item => <Paragraph>{item}</Paragraph>}
+						</For>
+					</div>
+				);
+			});
+
+			expect(scratch.innerHTML).to.eq(
+				"<div><p>foo</p><p>bar</p><p>baz</p><p>qux</p><p>baz</p><p>qux</p></div>"
+			);
+		});
+
 		it("Should pass updated indexes to reused items after removal", async () => {
 			const alice = { id: "a", label: "Alice" };
 			const bob = { id: "b", label: "Bob" };