LuFuHu

框架无关的插件 ​

官方资源 ​

开始使用 ​

Open Source ​

  • Astro - 现代静态站点构建器。
  • Slidev - 面向开发者的演示文稿。
  • VitePress - 由 Vite 和 Vue 驱动的静态站点生成器。
  • WXT - 用于构建 Web 扩展的框架，具有与 Nuxt 相同的开发者体验。
  • Nhost - 带 GraphQL 的开源 Firebase 替代方案。
  • Ladle - 由 Vite 和 React 驱动的组件故事开发与测试工具。
  • IslandJS - 基于 islands 架构的静态站点生成器。
  • @lazarv/react-server - 一个 React 元框架。
  • Vituum - Vite 的封装，包含预定义配置、集成和模板引擎。
  • Compiiile - 预览或托管包含 Markdown 文件的文件夹，支持全文搜索和演示文稿。
  • Gracile - 由 Lit SSR 驱动的元框架。
  • Revili - 一个命令行和 GUI 集成工具。
  • Hathora - 多人游戏框架。

模板 ​

  • vue-vben-admin - 基于 Vue3、Ant-Design-Vue、TypeScript 的后台管理模板。
  • React Starter Kit - Jamstack、React、React Router、Material UI、Firebase Auth、TypeScript、ESLint、Prettier、Jest、GitHub Actions。
  • SvelteKit - 构建 Svelte 应用的最快方式。
  • vue-pure-admin - 基于 Vue3、TypeScript、Tailwind CSS、element-plus 的后台管理模板。
  • Vitesse - 有主见的起始模板。
  • chrome-extension-boilerplate-react-vite - React + TypeScript + SASS + Prettier + ESLint + GitHub Actions + HMR（热模块替换）+ Turborepo + Chrome 扩展 Manifest v3。
  • electron-vite-vue - Electron + Vite + Vue 模板。
  • Vue Naive - 基于 Vue 3 + Pinia + Naive UI 的管理后台模板。
  • vitesse-webext - WebExtension Vite 起始模板。
  • vite-electron-builder - 使用 Vite 同时驱动前后端的 Electron 应用，支持自动发布。
  • electron-vite-react - Electron + Vite + React 模板。
  • vue3-vant-mobile - Vite5 + Vue3 + Vant4 + Pinia + Vue-Router4 + TypeScript 移动端模板。
  • vue-admin-box - 基于 Vue 3 + Element-plus 的管理后台模板。
  • vitesse-lite - Vitesse 的轻量版本。
  • fast-crud - 面向选项的 CRUD 框架，以闪电般的速度开发 CRUD。
  • antdv-pro - AntdvPro 是一套基于 Vue3、Vite4、ant-design-vue4、Pinia、UnoCSS 和 TypeScript 的企业级中后台前端/设计完整解决方案。
  • reactjs-vite-tailwindcss-boilerplate - React 18、TypeScript、Vitest、Testing Library、Tailwind CSS 3、Eslint 和 Prettier。
  • React-PWA - React v18、TypeScript、Vite、React Router v6、MUI v5、Recoil、PWA、Eslint、Prettier、Husky、lint-staged、https 本地环境等。
  • electron-vue-template - 包含 Electron Builder 的 TypeScript Electron 模板。
  • Vitamin - React TypeScript、Tailwind CSS、SPA + PWA、Cypress 和 CI。
  • electron-vite-template - Electron 13、Vue 3 和 TypeScript，让桌面开发更简单。
  • celeris-web - 基于 Vite + Vue3 + TypeScript + Vue-Router + Pinia + Unocss + Naive UI + pnpm Monorepo 的模板。
  • vite-ts-tailwind-starter - TypeScript、Tailwind CSS、Cypress.io e2e 测试 + CI。
  • fast-vite-nestjs-electron - 使用 esbuild 的 Vue3 + Vite + Electron + Nestjs。
  • vite-reactts-electron-starter - React、Tailwind CSS、TypeScript 和 Electron。
  • vite-vanilla-ts-lib-starter - 用于库的起始模板（CJS、ESM、IIFE），包含 TypeScript、ESLint、Stylelint、Prettier、Jest、Husky + lint-staged。
  • Vutron - Electron + Vite + Vue 3 + Pinia（TypeScript）模板。
  • vite-react-ts-tailwind-firebase-starter - 使用 Vite + React + TypeScript + Tailwind CSS (daisyUI) + Firebase (v9) + Prettier + ESLint 的起始模板。
  • boot-vue - 使用 TypeScript + UnoCSS + DaisyUI + Vue Router + Pinia 的起始模板。
  • fast-vite-electron - 使用 esbuild 的 Vue3 + Vite + Electron。
  • vite-plugin-electron-quick-start - Electron 项目模板。
  • electron-vite-boilerplate - 支持 SerialPort、SQLite3 和 node C/C++ 插件。
  • vite-plugin-doubleshot - 用于构建 Node.js 后端或 Electron 主进程。
  • vite-vue2-windicss-starter - Vue 2、Vue Router、Composition API、VueUse、Windi CSS 和 TypeScript。
  • template-vite-react - 一个极简的 React Vite 入门模板。
  • template-vite-ts - 官方 Phaser 和 TypeScript 快速入门模板。
  • arco-admin - Vite + ArcoDesign + TypeScript 遵循 ESM 标准，为中后台管理系统提供开箱即用、标准化、功能丰富的模板。
  • vite-vue-js-starter-template - Vite + Vue3 + JavaScript + Vue Router + Pinia + TDesign + ESLint + Stylelint + Prettier 简单模板。
  • vitify-admin - 完全支持 TypeScript 和 Vuetify 组件智能提示的 Vuetify 管理后台入门模板。
  • create-react-app-vite - React、TypeScript、Tailwind CSS、MSW、Vitest、React Testing Library、ESLint、Prettier、GitHub Actions。
  • vite-ts-starter - Vue I18n 动态路由本地化模板，使用 UnoCSS + Unplugin + Element-Plus + Vitest + TypeScript + Vue-Router + Vuex + Scss + ESLint + Stylelint + Husky + lint-staged 实现国际化应用。
  • vite-rtk-query - React、TypeScript、Redux Toolkit、RTK Query、Tailwind CSS、MSW、Jest、React Testing Library、ESLint、Prettier。
  • template-vite - 官方 Phaser 快速入门模板。
  • vitejs-template-react-rescript - React + ReScript。
  • react-vite-ts-boilerplate - React 18、TypeScript、SCSS、ESLint、Prettier、Vitest。
  • vite-react-ts-shadcn-starter - 用于创建 React 18 SPA 应用的模板，包含 TypeScript、React Router、Tailwind CSS、Shadcn UI、React Query、ESLint、Prettier、Stylelint、Husky、React-i18next、Transmart。
  • vite-react-ts-template - React 18、TypeScript、ESlint、Prettier、Dev Container、Vitest、Storybook、Playwright、MSW、React Router 6、React Query、Chakra UI、Zustand。
  • vite-react-chakra-starter - 使用 TypeScript 和 Chakra UI 创建 React App 的起始模板。已配置 ESLint、Prettier 和 Husky。
  • vite-template-react - 类似 Create React App 的模板。
  • vite-react-flow-template - React Flow 起始模板。
  • vite-mern-template - React 18 + TypeScript + Vite + Redux Toolkit + ESLint + React Router DOM + Axios + React Icons + React Toastify + Express + Mongoose。
  • template-vite-react-ts-tailwind - React + TypeScript + Tailwind CSS + Eslint + Prettier。
  • monorepo-template-react - 用于 SSR、SPG、SPA 和 API 提供的 React + TypeScript 模板。
  • vite-vue2-ts-vuetify-starter - 这是上述 vite-vue2-ts-starter 的 Vuetify 版本，并带有优化设置。包含基础模板。
  • vite-react-tailwind-starter - 使用 TypeScript 和 Tailwind CSS 及 Shadcn UI 创建 React 应用的入门模板。已配置 ESLint、Prettier 和 Husky。
  • materio-free-vuetify-nuxtjs-admin-template - Vue.js 3、Vite 5、Vuetify 3 和 Nuxt.js 3。
  • create-domco - 用于 domco 的起始模板。
  • vite-react-universal-template - React18 + TypeScript + react-router-dom + Zustand + ESlint + Prettier + Stylelint + Husky + Docker，以及 API 自动导入。
  • vite-tailwind-nojs-starter - NoJS Tailwind CSS 起始模板。
  • vite-vanilla-js-template - 包含 ESLint、Prettier、PostCSS、Nesting、Autoprefixer、CSS Nano、CSS Reset 的起始模板。
  • vite-starter-markup-template - 用于 Markup 的起始模板。
  • vite-react-component-library-starter - 使用 TypeScript、Tailwind CSS、Storybook、Vitest、ESLint、Prettier、Husky 和 GitHub Action 创建 React 组件库的入门模板。
  • vite-express-ssr-ts - React + TypeScript + Express.js + Vite SSR 模板，内置 API 功能。
  • vite-mui-ts - React + TypeScript + Redux + Material UI + RRD + ESLint + Prettier。
  • vitesse-solid - 高度定制的 Vite + SolidJS 入门模板，包含 TypeScript、ESLint、Prettier、UnoCSS、HopeUI 等。
  • ViteRC - React 18 + TypeScript + ESLint (Airbnb) + Prettier + Husky + Jest + 绝对导入 + 提交检查。
  • svelte-vite-ssr - 支持 SSR 的 Svelte。
  • vite-vanilla-library-template - 包含 TypeScript、ESLint、Vitest、Husky、Conventional Commits、GitHub actions 的起始模板。
  • naive-ui-dashboard-template - UI 友好，Vue 3 + TSX + Tailwind CSS 2 JIT + PostCSS + Naive UI。
  • vite-electron-plugin - 基于 esbuild 的高性能 Vite Electron 插件。
  • vite-vue3-tailwind4-daisyui5-starter-template - 使用 Vue 3 + Vite + Tailwind CSS 4 + DaisyUI 5 + Sass 的入门模板。
  • react-xs-admin - 基于 React18 + ReactRouteV6 + Vite + And Design + ReactIntl + ReactRedux + Emulation 开发的后台管理系统模板。
  • viterjs-template - React + JavaScript + Redux + Material UI + Axios + ESLint + Prettier。
  • react-admin-dashboard - 使用 TypeScript、Vite、Ant Design、React Router、Zustand、Ant Design Charts 的仪表盘模板。
  • vue-file-upload - 使用 Vue3 和 TypeScript 构建的文件管理系统，支持单文件和多文件上传，并带有预览功能。
  • vite-react-ssr-boost-template - 用于创建 React 18 SSR/SPA 应用的模板，包含 TypeScript、Mobx、React Router、Head Manager、Suspense、Streaming。同时包含 CI/CD、ESLint、Prettier、Stylelint、Husky、Semantic Release。
  • Viterts - React + TypeScript + Redux + React Router + Jest + ESLint + Airbnb + Prettier + SASS。
  • vite-vue2-ts-starter - 使用 vue-property-decorator、vue-router、Vuex 的 Vue2 TypeScript 起始模板。
  • vite-svelte-flow-template - Svelte Flow 入门模板。
  • react-vite-template - 一个 React 项目模板。
  • ReTail - 使用 Remix 和 TypeScript、Tailwind CSS、Prettier、ESLint 构建全栈 Web 应用的入门模板。
  • Varsarr - React、TypeScript、Styled-Components、Recoil、React-Query、Axios、绝对导入。
  • vue-vite-ssr - TypeScript、Eslint、Stylelint、Husky、Lint-staged 和 Commitlint。
  • react-vite-ssr - Mobx、TypeScript、Eslint、Stylelint、Husky、Lint-staged 和 Commitlint。
  • vue3-quick-start - 构建工程化 Vue 3 项目，集成 Vite + Vue3 + TypeScript + ESLint + Prettier + Commitizen + Husky + LintStaged + CommitLint + AutoImport + ReleaseIt。
  • antd-vue3-admin - 基于 Vue3、Vite4、TS5 和 Ant-Design-Vue4 的起始模板。
  • vite-complete-react-app - 使用 React、TypeScript、Redux Toolkit、React Router、Axios、Sass、Moment、ESLint、Prettier 和 React Testing Library 构建 Web 应用的起始模板。
  • vite-phaser-ts - 包含 Phaser 和 TypeScript 的起始模板。
  • vite-ts-lib-starter - 用于库的起始模板，包含 TypeScript、Bun、Vitest、Prettier、Renovate 和 np。
  • react-vite-tailwindcss-template - React、JavaScript、Tailwind CSS、ESlint、Prettier、Pre-commit。
  • vite-react-framer-starter - 使用 React、TypeScript、Framer Motion、Tailwind CSS、ESLint 和 Prettier 的入门模板。
  • vulcan - 移动应用模板。Vite、Vue 3、TypeScript、Sass、i18n、Vitest 和 Cypress、Pinia、API 和 Mock、ESLint、Prettier、自动导入。
  • vite-tailwind-stimulus-starter - 用于 Tailwind CSS 和 Stimulus 控制器的起始模板。
  • React Dapp Starter - 面向企业级可扩展去中心化应用的 Web3 DApp 起始模板，包含 TypeScript、Tailwind CSS、Web3Modal、Wagmi、Shadcn UI、Zustand 和 TanStack Query。
  • Vitron - 使用 Vite 和 Electron 为现代 Web 项目构建美观的（Windows、Linux、macOS）桌面应用。
  • template-tauri-vite-react-ts-tailwind - 内置 Tauri + React + TypeScript + Tailwind CSS + Prettier + ESLint 的模板。
  • vite-react-proste - React + TypeScript + react-router-dom + Recoil + SASS + Testing Library + react-query + ESLint + Stylelint + Prettier。
  • vite-vue-proste - Pinia + TypeScript + Vue-Router4 + Vitest + Vue-Test-Utils + Vue-Query + Sass + ESLint + Stylelint + Prettier + 项目预设。
  • react-vite-template - React、TypeScript、Vite、Mantine、Million、Husky、Prettier、Import Sorter、Lint-staged。
  • vue-vite-tw-ts - Vue 3 + Vite + Vitest + Cypress E2E + Naive UI + Pinia + Vue Router。
  • vite-react-dapp-template - 用于去中心化应用前端开发的起始模板，预配置了钱包认证、i18n 和 UI 功能。
  • Reactive - React 入门模板，采用 Remix 文件路由约定，适用于 react-router、UnoCSS、LinguiJs、zustand 以及众多功能。
  • vite-tinybase-ts - 用于 TinyBase 和 TypeScript 的起始模板。
  • vite-tinybase-ts-react - TinyBase、TypeScript 和 React 的起始模板。
  • vite-amplify - 包含 SSR + Express APIs + AWS Amplify Hosting 的模板。
  • vite-swagger-ui - 内置多 API 支持的 Swagger UI。
  • vite-jsx-remove-attributes - 从生产构建中移除 data-testid（可配置）。
  • vue-xs-admin - 基于 Vue3、Vite3、ElementPlus、TypeScript、Pinia、VueRouter。
  • template-vite-svelte-ts-tailwind - Svelte + TypeScript + Tailwind CSS + Prettier。
  • vite-tinybase - 用于 TinyBase 的起始模板。
  • React Tanning - 使用 React + Vite + TypeScript + TanStack + Tailwind 的入门模板。
  • vite-tinybase-react - TinyBase 和 React 的起始模板。
  • vite-biome-tailwind-template - React、TypeScript、Biome、Tailwind CSS。
  • vitesse-lite-solid - 适用于 SolidJS 的轻量级 Vite 入门模板。
  • vite-alpine-template - 用于 Alpine 的起始模板。
  • vite-plugin-vue-style-bundler - 自动将 Vue/sfc 样式打包到 JavaScript 中。
  • gravity-ui-vite-template - 使用 Gravity UI 生态的模板（React、TypeScript、Gravity UI、Vite、Husky、ESLint、Prettier、Lint-staged）。
  • react-component-library-vite - 使用 React、Javascript、Styled-Components、Vitest、React Testing Library、Storybook 的库模板。
  • vite-plugin-ssr-config - 使用 React、React-Query、React-Router 配置服务端渲染（SSR）。
  • vite-ts-bulma-sass-template - 起始模板 TypeScript、Bulma、Sass、Stylelint、Biome。
  • RVTGB - React + TypeScript 入门模板，使用 Generouted 和 Biome 实现文件路由。
  • portfolio-vite-manifest - 使用 Vite、React、TypeScript、Manifest 的全栈作品集模板。
  • vite-template-awesome-soho - 用于创建 React 18、Javascript + JSDoc、React Router、Ant Design、ESLint、EditorConfig、.env、SonarLint、Vitest 的 DevContainer 模板。
  • vite-react-redux-saga-typescript - 使用 React、TypeScript、Redux (Redux Toolkit)、Saga、React Testing Library、ESLint、Prettier 和 Husky 的入门模板。
  • vite-template-react-ts-jest - React + TypeScript + Jest。
  • vite-svelte-docker-template - Docker + Svelte + Vitest。
  • Vitawind Creator - 快速创建 Tailwind CSS 项目。
  • vue3-tailwind3-website-starter - Vue3 / Vite / Tailwind CSS 网站起始模板，每页都有指南。
  • react-component-library-template - 一个用于 React、TypeScript、Vitest、React Testing Library、Storybook、Biome、Stylelint 的库模板。
  • react-boilerplate - 使用 Eslint + Husky + Prettier 进行初始化的模板。

Tauri ​

Apps/Websites ​

  • Icônes - 带即时搜索的图标浏览器。
  • macOS in Svelte - 基于 Svelte 的 Web 版 macOS 桌面体验。
  • vue3-realworld-example-app - 使用 Vue 3 + TypeScript + Composition API 实现的 Realworld 应用。
  • react-device-frameset - 这是另一个用于 React 的设备框架组件。
  • Awesome CN Café - Awesome CN Café 的 Web 应用。
  • vite-run - 支持 Vite 多配置执行，像堆叠积木一样自由组合配置。
  • Todo Example - 带路由和状态管理的待办事项应用。
  • Dataviz Explorer - 一个用于大型 CSV、数据库和实时可视化的工具，使用 Highcharts、Chart.js、React、JavaScript、Material UI 和 GitHub Actions with Coverage Report 实现交互式绘图。
  • pointer-lock-movement - 用于自定义创意 UI 的指针锁定移动管理器。
  • aitrack.work - 用于日常使用的基于任务的时间追踪器。
  • Preview.js - 一个 IDE 扩展，用于即时预览 React、Vue 2 和 Vue 3 组件。

库 ​

  • Vike - 像 Nuxt/Next.js，但作为一款专一而精的插件。 ![react] ![vue3] ![vue2] ![svelte]
  • Vinxi - 全栈 JavaScript SDK。允许为 Vite 应用添加 SSR。
  • ssr - 结合 Webpack/Vite 的服务器端渲染框架。 ![react] ![vue3] ![vue2]
  • vavite - 用于开发与构建服务端应用的工具，支持实时重载。
  • SSRx - Vite 之上的一层薄封装，以出色的开发体验构建现代 SSR 应用。
  • vite-ssr-boost - 基于 react-router 构建出色应用的服务器端渲染库。 ![react]
  • domco - 极简全栈 JavaScript。以最小依赖将 Vite 应用转变为全栈应用。
  • vue-ssr - 用于开发并运行 SSR 驱动的 Vue 应用的极简封装。 ![vue3]

Electron ​

Rollup 插件 ​

WordPress ​

Rust ​

Ruby on Rails ​

React ​

Solid ​

  • generouted - 客户端类型安全的基于文件的路由和全局模态框——支持布局、加载器、代码分割等。
  • vite-plugin-solid - 为 Solid 提供 JSX 转换。
  • vite-plugin-solid-svg - 将 SVG 文件导入为 Solid.js 组件。

框架 ​

Svelte ​

Laravel ​

Django ​

Node.js ​

Shopify ​

ASP.NET Core ​

Preact ​

  • @preact/preset-vite - Preact 预设。HMR、自动 Preact 注入、生产环境移除 DevTools。

Symfony ​

React ​

  • Viject - 从 Create React App 的一次性迁移工具。

Elm ​

Go ​

  • vite - 与 Go 的集成。

PHP ​

  • PHP-Vite - 用于 PHP 的集成，Composer 包，无框架依赖。
  • PHP-Vite Starter Repo - 起始仓库，支持 TypeScript/JavaScript、Tailwind CSS、SASS/SCSS、EJS、SVG 和图片。
  • php-vitelinker - 一个 CLI 工具，在构建 bundle 后生成可包含的 PHP 文件。

TYPO3 CMS ​

Craft CMS ​

Drupal ​

CakePHP ​

Fastify ​

Flask ​

鄂公网安备：42011202001971号      鄂ICP备：2021009343号

Copyright © 2019 Lufuhu