Element Plus, the first component library to refactor with the TypeScript + Vue 3.0 Composition API, has been published πŸŽ‰ ~

Element was quietly born on March 13, 2016. After four years of wind and storm, we have grown from an internal business component library of Ele. me to one of the most popular UI component libraries in the Vue ecosystem.

As of this writing, Element has earned 48,200 Github Star downloads and 950,000 NPM downloads per month. Thanks to the more than 530 community contributors who participated in the maintenance, we completed 4,400 iterations of the COMMIT with us.

*Element development team 40,000 Github Star celebration

Element Plus for Vue 3.0

In 2020, with the continuous improvement and release of Vue 3.0, we are also working on the upgrade and adaptation of Element to Vue 3.0. After six months and 23 alpha iterations, Element Plus for Vue 3.0 Beta is officially released today 🎊!

Github.com/element-plu…

The big Vue 3.0 update is also a good opportunity for the ecological component library to move forward without the historical baggage, and we have done a deep refactoring of Element.

Element Plus for Vue 3.0 is a new refactoring project using the TypeScript + Composition API. We almost rewrote every line of Element code and presented the most perfect Element in the most Vue 3 way, mainly including:

  • Develop with TypeScript, providing a complete type definition file
  • Use the Vue 3.0 Composition API to reduce coupling and simplify logic
  • Refactor mount class components using the new Vue 3.0 Teleport feature
  • Maintain and manage projects using Lerna
  • Use the lighter and more generic date and time solution day.js
  • Upgrade to popperJS, Async-Validator and other core dependencies
  • Improved support for 52 international languages

In addition, there are:

  • New vision *
  • Optimized component APIS
  • More customization options
  • More detailed and friendly documentation

Q: What is the relationship between Element Plus and Element UI? Why another new project?

Just like Vue-Next to Vue, a 100% refactoring solves many historical problems, but it also inevitably introduces some new bugs and problems, and the independent issue and PR area can reduce the mental cost of everyone’s use and feedback, and make it more convenient for us to identify problems and maintain iterations in parallel.

Element will stay with Vue 2.x

For Vue 3.0, we recommend using Element Plus from the same team

For details, see Element’s README github.com/ElemeFE/ele…

Q: Can old Element projects be smoothly upgraded to Vue 3.0 + Element Plus?

As the Vue 3.0 upgrade introduces some API changes, it is inevitable that some changes will be made to the old project. But we strive to keep the changes under control and upgrade the project with very few adjustments. In future Vue 3.0 projects, the familiar ingredient and flavor of Element will remain.

Q: Is the Element UI still maintained?

Of course! (and has been in a normal iteration released ah, (βœΏγ‚šβ–½γ‚š) blue)

Every time we see similar concerns in our community, it is a spur to us. As a responsible open source project, it will certainly live up to everyone’s expectations. With the increase of users, the pressure on the shoulder is also growing, I hope you can use Element to really reduce the burden of project development and improve the effect, so that we work overtime, we leave work early, think of this, feel the red scarf on the chest more bright 😘.

Start playing

There are many ways to experience Element Plus for Vue 3.0

  • To manually install the NPM install Element-plus, see the installation guide on the official website

  • Download Webpack scaffolding for a direct run experience

  • πŸ₯³ taste the most cool Vite packing scaffolding

  • Imported through Vue CLI plug-in

What’sΒ Next for Element Plus?

  • A major visual update
  • Two new components are under development
  • Access speed, more powerful official website

Do you like Element Plus? Come to the Star ❀️ to support and encourage us ~

Thank you for your attention to Element in the past four years. It is your support that makes Element constantly improve and strive to be the best. We also don’t forget to open source mind, feedback the community, the future will be more open to the community, very welcome you to join us to perfect the love open source Element Plus – send person rose, the hand have lingering fragrance, the maintenance of the open source community, not just a team, a company, we believe that love is to rely on all open source, with the open source spirit, Friends who love to share and communicate.