# Astro + Preact Example
```
npm init astro -- --template framework-preact
[](https://stackblitz.com/github/withastro/astro/tree/latest/examples/framework-preact)
This example showcases Astro working with [Preact](https://preactjs.com).
Write your Preact components as `.jsx` or `.tsx` files in your project.