{"id":18131,"library":"aurelia-ui-framework","title":"Aurelia UI Framework","description":"A bespoke UI/UX framework for business applications built on Aurelia. Current stable version is 5.0.0-beta.4 (beta). Release cadence is irregular; the repository has low activity with infrequent updates. Differentiators: tailored for enterprise desktop-like apps, includes date/number formatting via date-fns and numeral, markdown rendering via kramed, phone number parsing via libphonenumber-js, and resize observer polyfill. Ships TypeScript types. Heavily depends on Aurelia ecosystem (aurelia-framework, aurelia-binding, aurelia-templating, aurelia-pal).","status":"active","version":"5.0.0-beta.4","language":"javascript","source_language":"en","source_url":"https://github.com/adarshpastakia/aurelia-ui-framework","tags":["javascript","ui-framework","desktop-framework","aurelia-ui-framework","typescript"],"install":[{"cmd":"npm install aurelia-ui-framework","lang":"bash","label":"npm"},{"cmd":"yarn add aurelia-ui-framework","lang":"bash","label":"yarn"},{"cmd":"pnpm add aurelia-ui-framework","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"Core dependency for Aurelia plugin integration","package":"aurelia-framework","optional":false},{"reason":"Required for binding engine","package":"aurelia-binding","optional":false},{"reason":"Required for template compilation","package":"aurelia-templating","optional":false},{"reason":"Platform abstraction layer for Aurelia","package":"aurelia-pal","optional":false},{"reason":"Date manipulation and formatting","package":"date-fns","optional":false},{"reason":"Number formatting","package":"numeral","optional":false},{"reason":"Markdown parsing","package":"kramed","optional":false},{"reason":"Phone number validation and formatting","package":"libphonenumber-js","optional":false},{"reason":"ResizeObserver polyfill for browser compatibility","package":"resize-observer-polyfill","optional":false},{"reason":"Material Design Icons for UI","package":"@mdi/font","optional":true},{"reason":"Password strength estimation","package":"zxcvbn","optional":true}],"imports":[{"note":"ESM-only; commonjs require will not work. Use ES modules.","wrong":"const AureliaUI = require('aurelia-ui-framework');","symbol":"AureliaUI","correct":"import { AureliaUI } from 'aurelia-ui-framework';"},{"note":"Function to register plugin with Aurelia's configure() in main.ts.","wrong":null,"symbol":"configure","correct":"import { configure } from 'aurelia-ui-framework';"},{"note":"Default export is the plugin class; you can use named import 'AureliaUI' or default.","wrong":"import { default } from 'aurelia-ui-framework';","symbol":"default","correct":"import AureliaUI from 'aurelia-ui-framework';"}],"quickstart":{"code":"// main.ts\nimport { Aurelia } from 'aurelia-framework';\nimport { configure } from 'aurelia-ui-framework';\n\nexport function configure(aurelia: Aurelia): void {\n  aurelia.use\n    .standardConfiguration()\n    .developmentLogging();\n\n  // Register the UI framework plugin\n  aurelia.use.plugin('aurelia-ui-framework', (config) => {\n    // Optional: configure date format, locale, etc.\n    config.dateFormat = 'yyyy-MM-dd';\n    config.locale = 'en-US';\n  });\n\n  aurelia.start().then(() => aurelia.setRoot());\n}","lang":"typescript","description":"Shows how to register the aurelia-ui-framework plugin in an Aurelia application's main.ts, with optional configuration."},"warnings":[{"fix":"Upgrade your Aurelia application to v2 before using this package.","message":"v5.0.0-beta.x requires Aurelia v2 (aurelia-framework v2). Do not use with Aurelia v1.","severity":"breaking","affected_versions":">=5.0.0-beta.0"},{"fix":"Pin exact version in package.json and test thoroughly on upgrade.","message":"The package is in beta and may introduce breaking changes without major semver increments.","severity":"deprecated","affected_versions":">=5.0.0-beta.0"},{"fix":"Add resolve.symlinks = false and resolve.alias entries in webpack.config.js as shown in README.","message":"Requires Webpack resolve aliases for aurelia-binding, aurelia-framework, aurelia-templating, aurelia-pal when used as a linked local dependency.","severity":"gotcha","affected_versions":"*"}],"env_vars":null,"last_verified":"2026-04-25T00:00:00.000Z","next_check":"2026-07-24T00:00:00.000Z","problems":[{"fix":"Run 'npm install aurelia-ui-framework' and ensure import path is correct.","cause":"Package not installed or incorrect import path.","error":"Cannot find module 'aurelia-ui-framework'"},{"fix":"Add resolve.alias for 'aurelia-binding' in webpack.config.js.","cause":"Missing resolve alias for linked local dependency.","error":"Module not found: Error: Can't resolve 'aurelia-binding'"},{"fix":"Ensure you are inside the Aurelia configure function and aurelia.use is available.","cause":"Trying to call plugin registration without proper Aurelia instance.","error":"TypeError: aurelia.use.plugin is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}