# Astro + Preact Example ``` npm create astro@latest -- --template framework-preact ``` [](https://stackblitz.com/github/withastro/astro/tree/latest/examples/framework-preact) [](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/framework-preact) [](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/framework-preact/devcontainer.json) This example showcases Astro working with [Preact](https://preactjs.com). Write your Preact components as `.jsx` or `.tsx` files in your project.