Harmonix

The Ultimate Multi-Team Micro Frontend Framework

GET STARTED CREATE A PLUGIN

Sales team

Orders

Platform team

Alerts

Data team

Insights

Harmonixheader

side menu

main

The shell defines the regions
Each team ships its plugin
Harmonix composes them
They talk through the broker
Views switch without reloading

Building Faster, Smarter, Together.

Each plugin is independent: one team builds it, with the framework it prefers, and publishes it on its own. The application only decides which ones to load. Try it: switch plugins on and off, change views from the menu or create an order.

Choose which plugins the application loads:

OrdersSales team, React. A view and a menu item.

InsightsData team, Angular. A view and a menu item.

HelpSupport team, React. A view and a menu item.

AlertsPlatform team, Lit. A view in the header.

ProfilePlatform team, Lit. A view in the header.

Harmonix1

Lit

Orders

React

#1024
#1025
#1026
#1027

await bootstrapPlugins([
  { pluginId: "orders", importer: () => import("orders.js") },
  { pluginId: "insights", importer: () => import("insights.js") },
  { pluginId: "alerts", importer: () => import("alerts.js") },
]);

Features and benefits

BENEFIT 1

Autonomous and independent teams

Independent teams can develop and deploy their frontends autonomously with any technology. Remove the barriers in your development and grow your application without limits, opening the door to projects with multiple providers.

BENEFIT 2

Unified user experience

Through component reusability and theme distribution, Harmonix enables teams to create a unified and seamless user experience, ensuring seamless integration across all parts of the application.

BENEFIT 3

Performance, scalability and extensibility

Harmonix uses a modular plugin architecture that facilitates horizontal scalability and extension with proprietary and third-party functionalities.

BENEFIT 4

Technology agnostic

Technologies change rapidly and we never know if the technology chosen today will become obsolete tomorrow. Harmonix is technology agnostic, allowing you to adapt to new trends quickly and avoiding technological lock-in.

Supported technologies

Join our community now

Join our community and help us grow Harmonix!

Want to be part of Harmonix's growth? Join our Discord server and collaborate with other developers to grow this framework together. Share ideas, solve doubts, and contribute to the future of Harmonix in an open and dynamic space. We're waiting for you!

JOIN NOW

Democratize and distribute your application development

Remove the barriers in your development and grow your application without limits. With Harmonix, you can efficiently distribute work among independent teams, scaling and adapting to new needs quickly. Start now and unleash the full potential of your teams and application.

$ npm create @uxland/harmonix-plugin@latest

GET STARTED