Skip to content

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

License

Notifications You must be signed in to change notification settings

feat-agency/awesome-vite

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


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

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


Angular

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

WordPress

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.
  • Hathora - Multiplayer game framework.

Apps/Websites

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%