diff --git a/packages/vitest/src/create/browser/examples.ts b/packages/vitest/src/create/browser/examples.ts
index 8fe091b1ff6c..6ba4348dcef4 100644
--- a/packages/vitest/src/create/browser/examples.ts
+++ b/packages/vitest/src/create/browser/examples.ts
@@ -227,6 +227,39 @@ test('renders name', async () => {
 `,
 }
 
+const preactExample = {
+  name: 'HelloWorld.jsx',
+  js: `
+export default function HelloWorld({ name }) {
+  return (
+    <div>
+      <h1>Hello {name}!</h1>
+    </div>
+  )
+}
+`,
+  ts: `
+export default function HelloWorld({ name }: { name: string }) {
+  return (
+    <div>
+      <h1>Hello {name}!</h1>
+    </div>
+  )
+}
+`,
+  test: `
+import { expect, test } from 'vitest'
+import { render } from 'vitest-browser-preact'
+import HelloWorld from '../src/HelloWorld'
+
+test('renders name', () => {
+  const { getByText } = render(<HelloWorld name="Vitest" />)
+  const element = getByText('Hello Vitest!')
+  expect(element).toBeInTheDocument()
+})
+`,
+}
+
 const vanillaExample = {
   name: 'HelloWorld.js',
   js: `
@@ -274,6 +307,7 @@ function getExampleTest(framework: string) {
         test: jsxExample.test.replace('@testing-library/jsx', `@testing-library/${framework}`),
       }
     case 'preact':
+      return preactExample
     case 'react':
       return {
         ...jsxExample,