Features

Picard.js is your comprehensive solution for orchestrating micro frontends, providing a flexible, robust, and efficient library to manage complex web applications across various platforms, formats, and frameworks.

Multi Platform

Picard.js is designed to be versatile and adaptable across various environments. Whether you're working in a browser, Node.js, Deno, or Electron, Picard.js seamlessly orchestrates micro frontends, ensuring consistent performance and compatibility.

👉 Want to see this in action? Example online

Multi Format

With Picard.js, you can integrate and manage multiple micro frontend formats effortlessly. It supports Module Federation, Native Federation, Pilets, and more, providing flexibility and ease of use for diverse development needs.

👉 Want to see this in action? Example online

Multi Framework

Picard.js excels at integrating various frameworks, including single-spa, HTML fragments, and web components. This multi-framework support allows you to choose the best tools for each part of your application, fostering innovation and efficiency.

👉 Want to see this in action? Example online

Error Handling

Picard.js takes the hassle out of managing errors. It automatically handles errors across your micro frontends, ensuring a smooth and uninterrupted user experience while reducing the need for manual error management.

👉 Want to see this in action? Example online

Loose and Strong Coupling

Picard.js supports both loose and strong coupling of micro frontends. Utilize a micro frontend discovery service for loose coupling or specify script URLs directly for strong coupling, akin to module federation, allowing you to tailor the integration to your specific requirements.

👉 Want to see this in action? Example online

Optional Routing

Picard.js provides robust routing capabilities, whether you need client-side or server-side routing. This flexibility enables you to design your application's navigation in the most efficient and effective way possible.

👉 Want to see this in action? Example online

Debugging

Debugging with Picard.js is straightforward and integrates seamlessly into your existing development workflows. It supports native debugging processes and extends compatibility with micro frontend debugging utilities such as the Piral Inspector, enhancing your ability to identify and resolve issues quickly.

Islands Architecture

Picard.js facilitates the creation of island architectures, enabling server-side rendered (SSR) applications that can hydrate and continue on the client side. This approach optimizes performance and user experience, combining the best of SSR and client-side rendering.

👉 Want to see this in action? Example online