DEV Community

Ersin Guvenc
Ersin Guvenc

Posted on

Best 5 Open Source Vue js Frameworks

What is Vue.js ?
​Vue (pronounced /vjuː/, like view) is a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS, and JavaScript and provides a declarative, component-based programming model that helps you efficiently develop user interfaces of any complexity.

What is the UI Framework ?
UI frameworks are sets of prebuilt, reusable components, styles, and tools that streamline and simplify the process of building user interfaces for web applications. They offer a collection of standardized components, such as buttons, forms, navigation bars, and more, with consistent styling and functionality.

What are the Vue Frameworks ?
Underneath the Vue frameworks mentioned below are the building blocks that make the development process much simpler as you can directly use it in your application. There are a variety of Vue js frameworks to choose from, be it out-of-the-box UI elements or additional support for developing various types of web applications.

List of Top 5 Vuejs Frameworks

1. Vuetify

Vuetify is a powerful Vue Component Framework built from the ground up to be easy to learn and rewarding to master. Our collection of UI components maintain a consistent style throughout your application with enough customization options to meet any use-case.

Vuetify is an Open Source project available for free under the MIT licensed. Additionally, Vuetify’s source code is available on GitHub, allowing developers to modify and contribute to its development if they choose to do so.
https://vuetifyjs.com

Image description

2. Prime Vue

PrimeVue is a complete UI suite for Vue.js consisting of a rich set of UI components, icons, blocks, and application templates. The project’s primary goal is to boost developer productivity by offering reusable solutions that are easy to tune and customize as an in-house library.

The project has been created by PrimeTek a world-renowned vendor of popular UI Component suites, including PrimeFaces, PrimeNG, and PrimeReact. All the members in our team are full time employees of PrimeTek who share the same passion and vision for open source to create awesome UI libraries. Depending on a 3rd party library may introduce risks if the library maintainers decide not to work on the project, however, this is not the case with PrimeVue as the track record of PrimeTek shows. For example, PrimeFaces has been maintained actively since 2008.

https://primevue.org

Image description

3. Quasar

Quasar is an MIT licensed open-source Vue.js based framework, which allows you as a web developer to quickly create responsive++ websites/apps in many flavours:

  • SPAs (Single Page App)
  • SSR (Server-side Rendered App) (+ optional PWA client takeover)
  • PWAs (Progressive Web App)
  • BEX (Browser Extension)
  • Mobile Apps (Android, iOS, …) through Cordova or Capacitor
  • Multi-platform Desktop Apps (using Electron)
  • Quasar’s motto is: write code once and simultaneously deploy it as a website, a Mobile App and/or an Electron App. Yes, one codebase for all of them, helping you develop an app in record time by using a state-of-the-art CLI and backed by best-practice, blazing fast Quasar web components.

When using Quasar, you won’t need additional heavy libraries like Hammer.js, Moment.js or Bootstrap. It’s got those needs covered internally, and all with a small footprint!

https://quasar.dev

Image description

4. Nuxt.js

Nuxt is a free and open-source framework with an intuitive and extendable way to create type-safe, performant and production-grade full-stack web applications and websites with Vue.js.

Nuxt has no vendor lock-in, allowing you to deploy your application everywhere, even on the edge.

https://nuxt.com

Image description

5. Olobase

Olobase is an Open Source full-stack web application framework designed to create fast and easy admin panel applications using Vue.js — Php technologies with allows extensive customizations.

The framework contains Vue 3 +Vuetify + PHP tech stacks.

If you want an architecture-ready framework, you should check out this full-featured solution combined with Vue and PHP.

They have great component lists.
Olobase Component List.

Features
Integration Ready Vue.js / Vuetify.js Components
Mezzio PHP Rest API for Backend
Built in JWT Authentication
Built in Roles & Permission Management for Authorization
Layouts
Plugins
Input and Fields
Data Providers
Built in Data Grid Colum Filters
i18n Support
Authentication Providers
Resource Management
Community and Ticket Support

https://oloma.dev

Image description

Top comments (0)