Awesome Vite.js
A curated list of awesome things related to Vite.js
This awesome list is for Vite 2.x and onward. Vite 1.x's list is archived.
Resources
Official Resources
Get Started
- @vite/create-app - Scaffolding Your First Vite Project.
Templates
Vue 3
- Vitesse - Opinionated Vite starter template.
- vite-vue3-tailwind-starter - Starter template with Vue 3, Vue Router and Tailwind CSS.
- vite-ts-tailwind-starter - Starter template w/ TypeScript, Tailwind CSS, Cypress.io e2e tests + CI.
Plugins for Vue 3
Official
- @vitejs/plugin-vue - Official Vue support.
Routing
- vite-plugin-voie - File system-based routing plugin.
Loaders
- vite-plugin-vuedoc - Markdown Code block as Vue Preview components.
- vite-plugin-md - Markdown as Vue components / Vue components in Markdown.
SSR / SSG
- vite-ssg - Server-side generation for Vite.
Integrations
- vite-plugin-vue-i18n - Vite Plugin for Vue I18n.
- vite-plugin-purge-icons - Bundles icons on demand by PurgeIcons.
- vite-plugin-pwa - Zero-config PWA for Vite.
- vite-plugin-i18n-resources - Vite plugin to load i18n translation message files.
- vite-eslint - Allows ESLint to work with bundling and dev server.
Helpers
- vite-plugin-components - On-demand components auto-importing.
- vite-plugin-fonts - Webfont loader for vite.
Plugins for Vue 2
Integrations
- vite-plugin-vue2 - Vue 2 integration.
Plugins for React
Official
- @vitejs/plugin-react-refresh - Official React Refresh support.
Loaders
- vite-plugin-svgr - Transform SVGs into React components.
Framework
- vite-plugin-react-pages - A Vite framework for building React app. Especially suitable for document site and demos/playgrounds of React components.
Solid
Plugins forIntegrations
- vite-plugin-solid - Provides JSX transformation for Solid.
Rollup Plugins
Included in Vite
- @rollup/plugin-alias - Define and resolve aliases for bundle dependencies.
- @rollup/plugin-commonjs - Convert CommonJS modules to ES6.
- @rollup/plugin-dynamic-import-vars - Resolving dynamic imports that contain variables.
- @rollup/plugin-json - Convert
.json
files to ES6 modules.
Compatible with Vite
- @rollup/plugin-dsv - Convert
.csv
and.tsv
files into JavaScript modules with d3-dsv. - @rollup/plugin-graphql - Convert .gql/.graphql files to ES6 modules.
- @rollup/plugin-replace - Replace strings in files while bundling.
- @rollup/plugin-yaml - Convert YAML files to ES6 modules.
Community
- Check the Awesome Rollup list for community maintained rollup plugins, and refer to the Vite Docs section about rollup plugin compatibility.
Projects Using Vite.js
Open Source
- VitePress - Static Site Generator powered by Vite and Vue.
- TroisJS - Three.js integration with Vite and Vue 3.
Apps/Websites
- Icônes - Icon explorer with instant search.
- Awesome CN Café - Web application for Awesome CN Café.
- Todo Example - Todo app with routing and state management.
- Tailwind Pre-Processor - An implementation of Tailwind CSS using Less / Stylus / Sass / SCSS.
- npmview - A web application to view npm package files.
- Layoutit Grid - Interactive CSS Grid layout generator.
- TypGame - Test your typing performance.