rubylouvre/avalon

Avalon is a JavaScript framework for building web user interfaces. It follows the MVVM pattern, which is the same architectural approach used by frameworks like Vue.js and Angular. In this pattern, you define your data in a JavaScript object and bind it to your HTML template, so when the data changes the page updates automatically without you having to manually manipulate the DOM. The framework is installed via npm as a package called avalon2. It can also be loaded directly in a browser via a CDN link without any build step. The README is written primarily in Chinese, with links to Chinese-language tutorials, an official documentation site, a PDF cookbook, and a community component library. An English tutorial section is also linked from the repository. The README includes benchmark comparisons showing avalon rendering large tables and lists more smoothly than some other frameworks during initial page load. The project claims to handle these cases with less visible lag. Server-side rendering support was added in version 2.1.5, allowing pages to be pre-rendered on a server before being sent to the browser. A component library built on top of Bootstrap is available separately, covering common UI elements such as tables, forms, dialogs, message notifications, and various input types including date and time pickers and file upload. Starter project templates integrating avalon with webpack and a router are also linked from the README for developers who want a pre-configured project structure. The framework supports older Internet Explorer versions down to IE6, which was a notable feature for Chinese enterprise web projects where legacy browser compatibility was historically important. The license is MIT.