aleclarson/awesome-vite

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

Awesome Vite.js

A curated list of awesome things related to Vite.js

Resources

Official Resources

• GitHub Repo
• Release Notes
• Vue 3 Docs
• Awesome Vue

Tutorials

• How to get started with Vue.js 3 Vite - Video tutorial by Erik (May 2020).
• Writing a Vite plugin - Article by Andrew Walker (Jul 2020).

Get Started

Create Vite App

Templates

Vue 3

• vite-tailwind-starter - Vite starter template with Tailwind CSS for fast prototyping.
• vite-component-test-starter - Vite starter template with Vue Test Utils.
• vite-typescript-starter - Vite starter template with TypeScript.
• vite-vue-i18n-starter - Vite starter template with vue-i18n.
• vite-vueuse-starter - Vite starter template with VueUse and TypeScript.
• Vitesse - Opinionated Vite starter template.
• Tailwind CSS Preset - A preset adding Tailwind CSS to a Vite application.
• V-Dashboard - Dashboard starter template built with Vue 3 and Tailwind CSS.

React

• vite-react-tailwind-starter - Vite starter template with React and Tailwind CSS.

Plugins

Routing

• vite-plugin-voie - File system-based routing plugin for Vite.

Loaders

• vite-plugin-svg - Use SVG files as Vue components with Vite.

SSR

• zipe - Server-side renderer for Vite.

i18n

• vite-plugin-vue-i18n - vue-i18n custom block integration for Vite.

Helpers

• vite-plugin-components - On-demand components auto-importing for Vite.
• vite-transform-globby-import - Simple globby-import transform for Vite.
• vite-plugin-purge-icons - Bundles icons on demand by PurgeIcons for Vite.
• @baleada/vite-serve-as-vue - Dev server plugin to serve any file (e.g. .md or .svg) as a hot-reloadable Vue component.
• @baleada/vite-serve-virtual - Dev server plugin to serve virtual files of any type.

Frameworks other than Vue 3

Vue 2

• vite-plugin-vue2 - Vue2 plugin for Vite.

React

• vite-plugin-react - (official) Fast-refresh plugin for Vite.
• vite-plugin-react-page - (official) React application framework powered by Vite.
• vite-plugin-mdx - MDX fast-refresh support for Vite.

Svelte

• svite - Svelte integration for Vite.
• vite-plugin-svelte - Svelte integration for Vite.

Projects Using Vite.js

Open Source

• VitePress (official)

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.

Commercial Products

TODO

Enterprise Usage

TODO