Motrix by agalwood was one of the best open-source download managers available — clean UI, aria2-powered, cross-platform. It inspired thousands of users and developers alike.
However, the original project has been largely inactive since 2023. The Electron + Vue 2 + Vuex + Element UI stack accumulated technical debt, making it increasingly difficult to maintain, extend, or package for modern platforms.
What we kept
We owe a great deal to the original Motrix and its community. The following were gratefully adopted and continue to serve as the foundation for parts of Motrix Next:
- Aria2 error code system and RPC client — the error handling conventions and JSON-RPC communication layer for the aria2 engine
- Internationalization — 25+ community-contributed locale files covering Chinese, Japanese, Korean, Arabic, French, German, and many more
- Download utilities — tracker list management, cURL command parsing, and other protocol-level helpers
What we rebuilt
Motrix Next is not a fork — it is a complete rewrite. Every other layer of the application has been redesigned and reimplemented from scratch:
| Layer | Motrix (Legacy) | Motrix Next |
| ------------ | ----------------------- | ------------------------------- |
| Runtime | Electron | Tauri 2 (Rust) |
| Frontend | Vue 2 + Vuex | Vue 3 Composition API + Pinia |
| UI Framework | Element UI | Naive UI |
| Language | JavaScript | TypeScript + Rust |
| Styling | SCSS + Element theme | Vanilla CSS + custom properties |
| Engine Mgmt | Node.js `child_process` | Tauri sidecar |
| Build System | electron-builder | Vite + Cargo |
| Bundle Size | ~80 MB | ~20 MB |
| Auto-Update | electron-updater | Tauri updater plugin |
Design & Motion
The overall UI layout stays true to Motrix's original design — the sidebar navigation, task list, and preference panels all follow the familiar structure that made Motrix intuitive from day one.
What changed is everything underneath. Every transition and micro-interaction has been carefully tuned to follow Material Design 3 motion guidelines:
- Asymmetric timing — enter animations are slightly longer than exits, giving new content time to land while dismissed content leaves quickly
- Emphasized easing curves — decelerate on enter (cubic-bezier(0.2, 0, 0, 1)), accelerate on exit (cubic-bezier(0.3, 0, 0.8, 0.15)), replacing generic ease curves throughout the codebase
- Spring-based modals — dialogs use physically-modeled spring animations for a natural, responsive feel
- Consistent motion tokens — all durations and curves are defined as CSS custom properties, ensuring a unified rhythm across 12+ components
