PrimeVue - Fully Upgraded! Free open source, elegant and easy-to-use Vue3 UI component library, with many optional themes

PrimeVue - Fully Upgraded!  Free open source, elegant and easy-to-use Vue3 UI component library, with many optional themes

The new version is released, the theme is super beautiful, and there are many unique components, I strongly recommend it to everyone.

About the new version PrimeVue

PrimeVue is a web UI component library for Vue.js 3.x development. I recommended this component library as early as October 2021, and the development iteration has been very fast for more than a year. Now not only the official website has been updated, but also many new components have been released. It is a high-quality and popular Vue3 component library.

PrimeVue New Official Website

Technical Features of PrimeVue

  • From the original more than 50 basic UI components, it has been updated to more than 90, such as buttons, inputs, data tables, charts, etc. The new components are very unique and have a good experience
  • Compliant with Web Content Accessibility Guidelines (WCAG 2.0)
  • Responsive support, good visual effects on different screen devices
  • Provide more pre-made themes to support more types of projects
  • It has better support for TypeScript and enriches related development tools
  • A more active development community

New version of PrimeVue

ChatGPT has been very popular recently. Two days ago, I also asked chatGPT about "what are the useful Vue component libraries", and it recommended PrimeVue to me, and I have already introduced it on the website in 2021. After passing this component, this is an excellent component library with many themes available, including many Material Design-style themes, which are simple and elegant.

PrimeVue button

Re-read the article " PrimeVue – A Free, Open Source, and Strongly Customizable Front-End UI Component Library Based on Vue 3 ", and found that the official website 404 was placed before, only to find that PrimeVue has developed very rapidly over the past year. Before, there was a comprehensive upgrade as a whole, so I planned to write another article to introduce it.

important hint

The domain name of the PrimeVue official website has changed. The official website where the previous article was placed can no longer be accessed. The new official website is placed on the page of this article. The page is more concise, the content is richer, and the documentation and code example tutorials are more comprehensive, but currently only in English.

Excellent new component experience and smooth animation

The new version of PrimeVue has added many new components, many of which are rare, such as:

  • Tri-state checkbox that supports "true", "false" and "empty" states
  • Form floating label: the most elegant way to interact with form name labels
  • More types of menu interaction components
  • Number format input boxes such as phone number, currency, and large number separators, etc.

There are more practical and unique components, PrimeVue provides easy-to-use customization options, handles data and event binding.

PrimeVue Input Components

PrimeVue Input Components

Many high-quality themes

To be honest, I paid attention to PrimeVue at the beginning, but I saw that the PrimeRect project has many good-looking themes, and then I discovered PrimeVue. These are actually Prime projects, but they are implemented with different frameworks.

The new version improves the previous theme, and adds a lot of better-looking themes. Many themes developed by designers on bootstrap have been transplanted. The design level is very high. Many theme colors and interactive details are very characteristic, similar to those in China. The UI style is very different, and I like it very much at first glance. And my favorite is the default bootstrap Material Design theme on the official website.

PrimeVue Theme Selection

Custom theme support

In addition to the built-in themes, PrimeVue provides a set of utilities that allow developers to easily create custom themes and integrate PrimeVue components into existing applications.

Free Open Source and Commercial Instructions

PrimeVue is a free and open source UI component library project. It adopts the MIT open source protocol and is developed based on Vue.js. Vue.js is also free and open source. Anyone can use it for commercial and non-commercial projects for free.

It should be noted that the 90+ basic components of PrimeVue are free and open source, and the official also launched block components (blocks) based on these basic components and a complete admin management background . These finished products need to be paid, please pay attention to the distinction. Again, the basic components are free and open source, and the advanced components are paid to make the project healthy and sustainable.

Original link: https://www.thosefree.com/primevue-2023

Guess you like

Origin blog.csdn.net/weixin_45583710/article/details/129817415