/awesome-vite

⚡️ A curated list of awesome things related to Vite.js

Primary LanguageJavaScriptMIT LicenseMIT


logo of awesome-vite repository

Awesome Vite.js

A curated list of awesome things related to Vite.js

Awesome

Table of Contents

Use the "Table of Contents" menu on the top-left corner to explore the list.

Resources

Official Resources

Get Started

  • create-vite - Scaffolding Your First Vite Project.
  • create-vite-pwa - Same scaffolding options as create-vite, but with PWA support out-of-the-box.

Templates

Vanilla

Vue 3

Vue 2

React

Svelte

Elm

Mithril

Others

Plugins

Framework-agnostic Plugins

Integrations

Loaders

Bundling

Transformers

Helpers

Testing


Vue

In this section, we use badges to indicate the targeted Vue version for each plugin.

v2 for Vue 2 only, v3 for Vue 3 only, and v23 for plugins that compatible with both versions.

💡 SSR frameworks are listed at SSR - Frameworks.

Integrations

Routing

Loaders

SSG

Ecosystem

Helpers


React

Official

Presets

  • vite-preset-react - All in one preset for your React app - HMR, Automatic React inject, removal of DevTools in prod.

Loaders

Transformers

Framework

💡 SSR frameworks are listed at SSR - Frameworks.


Svelte

Integrations


Solid

Integrations


Elm

Integrations


Rollup Plugins

Included in Vite

Covered by default in Vite

Compatible with Vite

Community

SSR

Libraries

  • vite-ssr - Simplified Server Side Rendering with an SPA-like developer experience. react vue3
  • vite-plugin-ssr - Like Nuxt/Next.js but as a do-one-thing-do-it-well plugin. react vue3 vue2 svelte
  • ssr - A Server Side Rendering framework combined with Webpack/Vite. react vue3 vue2

Frameworks

  • vitedge - Edge-side rendering with fullstack utilities. react vue3
  • vitext - The Next.js like React framework for better User & Developer experience. react
  • Rakkas - React framework inspired by Next.js and SvelteKit react

Integrations with Backends

Adobe Experience Manager

  • AEM Vite - Integration for Adobe Experience Manager and AEM SDK.

Craft CMS

  • Craft Vite - Plugin for integration with Craft CMS.

Docker

  • Vite.js Docker Dev - Local development environment for developing Vite via Docker container.

Django

Ruby on Rails

Laravel

CakePHP

WinterCMS

Migrations

Vue CLI

  • vue-cli-plugin-vite - Use Vite on Vue CLI with minimize codebase modifications.
  • wp2vite - A front-end project automatic conversion tool, make your Webpack projects support Vite.
  • webpack-to-vite - Convert a webpack project to vite project, also provides conversion details to help you migrate smoothly.

React

Projects Using Vite.js

Open Source

  • VitePress - Static Site Generator powered by Vite and Vue.
  • TroisJS - Three.js integration with Vite and Vue 3.
  • Slidev - Presentation Slides for Developers.
  • îles - Islands of Interactivity with Vue3, multi-framework.
  • Astro - Modern Static Site Builder.

Apps/Websites