⚡️ A curated list of awesome things related to Vite.js
A curated list of awesome things related to Vite.js
Use the "Table of Contents" menu on the top-right corner to explore the list.
prettier-plugin-tailwindcss
build-in.prettier-plugin-tailwindcss
build-in.Vite
+ Vue3
+ TypeScript
+ Vue-Router4
+ Pinia
+ Unocss
+ Ant-design-vue
+ Auto imports
.project presets
.Vite
+ Vue3
+ TypeScript
+ ESLint
+ Prettier
+ Commitizen
+ Husky
+ LintStaged
+ CommitLint
+ AutoImport
+ ReleaseIt
.Vue3
and TypeScript
that allows for single and multiple file uploading with a preview feature.Vite
+ ArcoDesign
+ TypeScript
follows ESM
standards, offering an out-of-the-box,standardized, feature-rich template for middle and back-office management systems.prettier-plugin-tailwindcss
build-in.prettier-plugin-tailwindcss
build-in.react-router-dom
+ Recoil + SASS + Testing Library + react-query
+ ESLint + Stylelint + Prettier.react-router-dom
+ Zustand + ESlint + Prettier + Stylelint + Husky + Docker, and APIs auto importing.React 18
SSR/SPA apps with TypeScript
, Mobx
, React Router
, Head Manager
, Suspense, Streaming. Also included CI/CD, ESLint
, Prettier
, Stylelint
, Husky
, Semantic Release
.React 18
SPA apps with TypeScript
, React Router
, Tailwind CSS
, Shadcn UI
, React Query
, ESLint
, Prettier
, Stylelint
, Husky
, React-i18next
, Transmart
.TypeScript
, Tailwind CSS
, Storybook
, Vitest
, ESLint
, Prettier
, Husky
, and GitHub Action
.DevContainer
Template for creating React 18
, Javascript + JSDoc
, React Router
, Ant Design
, ESLint
, EditorConfig
, .env
, SonarLint
, Vitest
.React
, Javascript
,Styled-Components
, Vitest
, React Testing Library
, Storybook
.Remix
using TypeScript
, Tailwind CSS
, Prettier
and ESLint
.React
, TypeScript
, Redux (Redux Toolkit)
, Saga
, React Testing Library
, ESLint
, Prettier
and Husky
.React
, TypeScript
, Redux Toolkit
, React Router
, Axios
, Sass
, Moment
, ESLint
, Prettier
and React Testing Library
.React
, TypeScript
, Framer Motion
, Tailwind CSS
, ESLint
, and Prettier
.<svg>
/<img>
and directly in your CSS.Electron
applications.VSCode Extension
's Webview
, and support HMR
and Debug
.index.html
..ts
or .vue
source files for lib.dist/index.html
file.index.html
.robots.txt
.index.html
.html-webpack-plugin
for Webpack.@vue/cli
.require.context
.yaml
, xml
, ini
, toml
, csv
, plist
and properties
files to ES6 modules.require
by code transforming.stache
files and template strings.import.meta.env
object after building the application instead of statically replacing it during production..module.xxx
.UnoCSS
in uni-app
.Metadata
in the head element.index.html
.index.html
into smaller reusable pieces.<link rel="preload">
to your index.html
based on your build assets.Document.tsx
as html template..hbs
templates to .html
..pug
templates to .html
..njk
templates to .html
..liquid
templates to .html
..twig
templates to .html
..latte
templates to .html
..html
..css
to inline styles in .html
.xxx.module.css
.package version
/ git commit
/ custom
to be inserted into your project as a unique identifier for the project version..hxml
.console.log()
.index.html
.index.html
.library mode
instead of embedded them as base64.@media
At-rules into a dedicated .css
files and download it only when matches the media query.index.html
.IconifyProviders
into index.html
for iconify
, and support local area network and custom url.manifest.dev.json
during dev server, for backend integration with any language/framework.custom-elements.json
manifest for describing custom elements.text/javascript
MIME type to module
MIME type.sidebar
and nav
configurations by scanning directories, based on VitePress.In this section, we use badges to indicate the targeted Vue version for each plugin.
for Vue 2 only, for Vue 3 only, and for plugins that compatible with both versions.
💡 SSR frameworks are listed at SSR - Frameworks.
<script setup>
syntax for Vue 2.💡 SSR frameworks are listed at SSR - Frameworks.
.json
files to ES6 modules..csv
and .tsv
files into JavaScript modules with d3-dsv.enforce: 'pre'
).react-router
.