how to build a simple components library of Vue3

This page summarizes the projects mentioned and recommended in the original post on /r/vuejs

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • element-plus

    🎉 A Vue.js 3 UI Library made by Element team

  • As a noob, I viewed multiple Vue3 components library such as element-plus, naive-ui and so. But for me, they are too bloated to read. Also, they used quite different ways to build themselves as a npm package.

  • naive-ui

    A Vue 3 Component Library. Fairly Complete. Theme Customizable. Uses TypeScript. Fast.

  • As a noob, I viewed multiple Vue3 components library such as element-plus, naive-ui and so. But for me, they are too bloated to read. Also, they used quite different ways to build themselves as a npm package.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • lerna

    :dragon: Lerna is a fast, modern build system for managing and publishing multiple JavaScript/TypeScript packages from the same repository.

  • I would look into using Lerna. This allows you to use a single github repository to publish separate github/npm packages for each component. Then you could install them with something like npm install @yournamespace/component-name.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts