usman8786/vue-ui-extensions

Vue UI Extensions is an add-on for the Frappe framework that solves a specific problem: how to customize the look and behavior of newer Frappe applications, such as HRMS and Helpdesk, which are built as standalone Vue web apps rather than traditional Frappe pages. Older-style Frappe apps can be customized through built-in tools like Client Scripts and Custom Fields, but those tools do not work on these newer Vue-based apps. Without this project, a developer wanting to change something in an app like HRMS would normally have to either fork the whole application and maintain that fork forever, edit the original source files directly and lose those edits whenever an update comes out, or rebuild the entire frontend from scratch. All three approaches are described as difficult to sustain over time. Instead, Vue UI Extensions lets you place override files that mirror the folder structure of the original app's components. When you build, it copies the target application into a temporary workspace, applies just your override files on top, builds the result with the app's normal build tooling, and serves that customized version while leaving the original project's files untouched. Only the components you actually chose to override need ongoing maintenance. Currently it supports HRMS and Helpdesk, with room to add more Vue-based Frappe apps over time, according to its roadmap. Setting it up requires Frappe version 16 or newer, Python 3.14 or newer, Node.js 18 or newer, and Yarn, plus the target application already installed. You install it like any other Frappe app through the bench command line tool, add your override files, and rebuild. When the upstream app releases a new version, the described upgrade process is to update the app, compare your overrides against what changed upstream, rebuild, and verify things still work, avoiding the merge conflicts a fork would create. The project is MIT licensed and free for personal or commercial use.