bluwy/create-vite-extra

Extra Vite templates

602

stars

201

commits

CSS

primary language

Sep 9, 2026

updated

README

create-vite-extra

Scaffolding Your First Vite Project

Compatibility Note: Vite requires Node.js version 20.19+, 22.12+. However, some templates require a higher Node.js version to work, please upgrade if your package manager warns about it.

# npm
npm create vite-extra@latest

# pnpm
pnpm create vite-extra

# yarn
yarn create vite-extra

# bun
bun create vite-extra

# deno
deno init --npm vite-extra

Then follow the prompts!

You can also directly specify the project name and the template you want to use via additional command line options. For example, to scaffold a Vite + SSR + Vue project, run:

# npm
npm create vite-extra@latest my-vue-app -- --template ssr-vue

# pnpm
pnpm create vite-extra my-vue-app --template ssr-vue

# yarn
yarn create vite-extra my-vue-app --template ssr-vue

# bun
bun create vite-extra my-vue-app --template ssr-vue

# deno
deno init --npm vite-extra my-vue-app --template deno-vue

Currently supported template presets include:

TemplateTry on StackBlitz
ssr-vanillaSSR + Vanilla
ssr-vanilla-tsSSR + Vanilla + TS
ssr-vueSSR + Vue
ssr-vue-tsSSR + Vue + TS
ssr-vue-streamingSSR + Vue Streaming
ssr-vue-streaming-tsSSR + Vue Streaming + TS
ssr-reactSSR + React
ssr-react-tsSSR + React + TS
ssr-react-streamingSSR + React Streaming
ssr-react-streaming-tsSSR + React Streaming + TS
ssr-react-compiler
ssr-react-compiler-ts
ssr-react-compiler-streaming-ts
ssr-react-compiler-streaming-ts
ssr-preactSSR + Preact
ssr-preact-tsSSR + Preact + TS
ssr-svelteSSR + Svelte
ssr-svelte-tsSSR + Svelte + TS
deno-vanilla
deno-vanilla-ts
deno-vue
deno-vue-ts
deno-react
deno-react-ts
deno-preact
deno-preact-ts
deno-lit
deno-lit-ts
deno-svelte
deno-svelte-ts
libraryLibrary
library-tsLibrary + TS
ssr-transformSSR Transform

You can use . for the project name to scaffold in the current directory.

Community Templates

create-vite-extra is a tool to quickly start a project from a basic template for popular frameworks. Check out Awesome Vite for community maintained templates that include other tools or target different frameworks. You can use a tool like tiged to scaffold your project with one of the templates.

npx tiged user/project my-project
cd my-project

npm install
npm run dev

Attribution

This project is originally a fork of create-vite. Credit goes to all of its contributors.

Contributors

bluwy

181 commits

bartlomieju

4 commits

swissspidy

2 commits

dsherret

1 commits

bluwy/create-vite-extra

Extra Vite templates

602

stars

201

commits

CSS

primary language

Sep 9, 2026

updated

README

create-vite-extra

Scaffolding Your First Vite Project

Compatibility Note: Vite requires Node.js version 20.19+, 22.12+. However, some templates require a higher Node.js version to work, please upgrade if your package manager warns about it.

# npm
npm create vite-extra@latest

# pnpm
pnpm create vite-extra

# yarn
yarn create vite-extra

# bun
bun create vite-extra

# deno
deno init --npm vite-extra

Then follow the prompts!

You can also directly specify the project name and the template you want to use via additional command line options. For example, to scaffold a Vite + SSR + Vue project, run:

# npm
npm create vite-extra@latest my-vue-app -- --template ssr-vue

# pnpm
pnpm create vite-extra my-vue-app --template ssr-vue

# yarn
yarn create vite-extra my-vue-app --template ssr-vue

# bun
bun create vite-extra my-vue-app --template ssr-vue

# deno
deno init --npm vite-extra my-vue-app --template deno-vue

Currently supported template presets include:

TemplateTry on StackBlitz
ssr-vanillaSSR + Vanilla
ssr-vanilla-tsSSR + Vanilla + TS
ssr-vueSSR + Vue
ssr-vue-tsSSR + Vue + TS
ssr-vue-streamingSSR + Vue Streaming
ssr-vue-streaming-tsSSR + Vue Streaming + TS
ssr-reactSSR + React
ssr-react-tsSSR + React + TS
ssr-react-streamingSSR + React Streaming
ssr-react-streaming-tsSSR + React Streaming + TS
ssr-react-compiler
ssr-react-compiler-ts
ssr-react-compiler-streaming-ts
ssr-react-compiler-streaming-ts
ssr-preactSSR + Preact
ssr-preact-tsSSR + Preact + TS
ssr-svelteSSR + Svelte
ssr-svelte-tsSSR + Svelte + TS
deno-vanilla
deno-vanilla-ts
deno-vue
deno-vue-ts
deno-react
deno-react-ts
deno-preact
deno-preact-ts
deno-lit
deno-lit-ts
deno-svelte
deno-svelte-ts
libraryLibrary
library-tsLibrary + TS
ssr-transformSSR Transform

You can use . for the project name to scaffold in the current directory.

Community Templates

create-vite-extra is a tool to quickly start a project from a basic template for popular frameworks. Check out Awesome Vite for community maintained templates that include other tools or target different frameworks. You can use a tool like tiged to scaffold your project with one of the templates.

npx tiged user/project my-project
cd my-project

npm install
npm run dev

Attribution

This project is originally a fork of create-vite. Credit goes to all of its contributors.

Contributors

bluwy

181 commits

bartlomieju

4 commits

swissspidy

2 commits

dsherret

1 commits

Languages

CSS

43.1%

JavaScript

30.0%

TypeScript

15.4%

Vue

4.9%

HTML

3.5%

Svelte

3.2%