---
title: Project Templates & Samples
description: Ready-to-use Needle Engine templates and sample projects for various frameworks and use cases.
---

# Project Templates & Samples

Get started quickly with these official templates and sample projects. Each repository can be cloned or used as a GitHub template to kickstart your project.

::: tip Quick Start
The fastest way to create a new project is with `npm create needle` or by visiting [engine.needle.tools/new](https://engine.needle.tools/new).
:::

---

## Templates

| Template | Description |
|----------|-------------|
| [**Vite Template**](https://github.com/needle-engine/vite-template) | The default Needle Engine starter — vanilla HTML/JS with Vite. Also available at [engine.needle.tools/new](https://engine.needle.tools/new) |
| [**Scrollytelling Template**](https://github.com/needle-engine/scrollytelling-template) | Kickstart 3D scroll-driven websites |
| [**React**](https://github.com/needle-engine/react-sample) | Needle Engine with React |
| [**Vue.js**](https://github.com/needle-engine/vuejs-sample) | Needle Engine with Vue.js |
| [**SvelteKit**](https://github.com/needle-engine/sveltekit-sample) | Needle Engine with SvelteKit (includes Needle Cloud deployment) |
| [**Svelte**](https://github.com/needle-engine/svelte-sample) | Needle Engine with Svelte |
| [**Next.js**](https://github.com/needle-engine/nextjs-sample) | Needle Engine with Next.js / Vercel |
| [**React Three Fiber**](https://github.com/needle-engine/react-three-fiber-sample) | Needle Engine with React Three Fiber |

---

## Samples

| Sample | Description |
|--------|-------------|
| [**3D Over HTML**](https://github.com/needle-engine/sample-3d-over-html) | Overlay 3D content on top of regular HTML pages |
| [**Progressive Meshes**](https://github.com/needle-engine/progressive-meshes-sample) | Automatic LOD generation and progressive mesh loading |

---

## More Samples

Browse 100+ interactive samples at [**samples.needle.tools**](https://samples.needle.tools).

For Unity users, additional scene templates and sample scenes are available directly in the editor via **Needle Engine > Explore Samples**.

---

## Create Needle CLI

You can scaffold a new project from the command line using `create-needle`:

```bash
npm create needle [directory] [options]
```

| Option | Description |
|--------|-------------|
| `--template, -t <key>` | Template to use (e.g. `vite`, `react`, `vue`, `svelte`, `sveltekit`, `nextjs`) |
| `--list, -l` | List available templates as JSON |
| `--force, -f` | Overwrite existing directory |
| `--help, -h` | Show help |

**Examples:**

```bash
npx create-needle my-app --template vite
npx create-needle my-app -t react
npx create-needle --list
```