01Micro-frontend frameworks
single-spa
A framework for joining several JavaScript micro-frontends into one app, with different frameworks side by side.
Best for: Mixing frameworks in one page.
Visit single-spa →UI Integration Solutions
Tools and platforms for bringing separate user interfaces together: micro-frontend frameworks, web components, portals and digital experience platforms, UI composition and GraphQL layers, and low-code front ends.
29solutions
5Categories
6FAQs answered
02Micro-frontend frameworks
Module Federation
A technique and tooling for loading code from separately built and deployed apps at runtime.
Best for: Sharing code between independent builds.
Visit Module Federation →03Micro-frontend frameworks
Piral
A framework for building modular front ends from independently deployed plugin modules, called pilets.
Best for: Plugin-style portals.
Visit Piral →04Micro-frontend frameworks
Luigi
An open-source micro-frontend framework from SAP that composes apps in one shell with shared navigation.
Best for: Enterprise app shells.
Visit Luigi →05Micro-frontend frameworks
qiankun
A micro-frontend framework built on single-spa, with HTML entry loading and sandboxing.
Best for: Large web apps with many teams.
Visit qiankun →06Micro-frontend frameworks
OpenComponents
A registry and framework for sharing and rendering independently deployed front-end components.
Best for: Server-rendered components across teams.
Visit OpenComponents →07Micro-frontend frameworks
Podium
A server-side micro-frontend library for composing pages from services owned by different teams.
Best for: Server-side composition.
Visit Podium →08Micro-frontend frameworks
Nx
A monorepo build system with support for module federation and micro-frontend setups.
Best for: Managing many front-end projects.
Visit Nx →09Micro-frontend frameworks
Astro
A web framework with an islands architecture that can combine components from several UI frameworks.
Best for: Content sites mixing frameworks.
Visit Astro →10Web components & design systems
Lit
A small library for building fast web components that work across frameworks.
Best for: Framework-neutral components.
Visit Lit →11Web components & design systems
Stencil
A compiler that generates standards-based web components for design systems.
Best for: Cross-framework design systems.
Visit Stencil →12Web components & design systems
Storybook
A workshop for building, documenting and testing UI components in isolation.
Best for: Sharing a component library.
Visit Storybook →13Web components & design systems
Bit
A platform for building, versioning and sharing independent components across projects.
Best for: Composable component platforms.
Visit Bit →14Web components & design systems
OpenUI5
An open-source JavaScript UI library from SAP for enterprise web apps.
Best for: SAP-style enterprise UIs.
Visit OpenUI5 →15Portals & digital experience platforms
Liferay
An open-source-based digital experience platform for portals, intranets and customer portals.
Best for: Portals and integrated customer experiences.
Visit Liferay →16Portals & digital experience platforms
HCL Digital Experience
HCL's digital experience platform, formerly IBM WebSphere Portal, for enterprise portals.
Best for: Large enterprise portals.
Visit HCL Digital Experience →17Portals & digital experience platforms
Adobe Experience Manager
Adobe's content management and digital experience platform for building and delivering web experiences.
Best for: Marketing-led digital experiences.
Visit Adobe Experience Manager →18Portals & digital experience platforms
Sitecore
A digital experience platform with content management, personalisation and commerce.
Best for: Composable digital experiences.
Visit Sitecore →19Portals & digital experience platforms
SAP Build Work Zone
SAP's service for building a single entry point to SAP and non-SAP apps, replacing the Fiori launchpad service.
Best for: Unified access to SAP apps.
Visit SAP Build Work Zone →20Portals & digital experience platforms
Microsoft SharePoint
Microsoft's platform for intranets, portals and document collaboration, extensible with web parts.
Best for: Microsoft 365 intranets.
Visit Microsoft SharePoint →21Portals & digital experience platforms
Backstage
An open-source framework for developer portals, with plugins that bring tools into one UI.
Best for: Developer portals.
Visit Backstage →22UI composition & data layers
Apollo GraphQL
A GraphQL platform with federation to combine many back-end services behind one API for front ends.
Best for: One data layer for many UIs.
Visit Apollo GraphQL →23UI composition & data layers
WunderGraph
A tool for combining APIs and GraphQL services into one layer for front-end teams.
Best for: Federating APIs for front ends.
Visit WunderGraph →24UI composition & data layers
Hasura
An engine that gives instant GraphQL and REST APIs over databases and services.
Best for: Quick API layers for UIs.
Visit Hasura →25Low-code & internal-tool front ends
Retool
A platform for building internal tools and dashboards that connect to databases and APIs.
Best for: Internal tools on many data sources.
Visit Retool →26Low-code & internal-tool front ends
Appsmith
An open-source platform for building internal apps and admin panels over databases and APIs.
Best for: Self-hosted internal apps.
Visit Appsmith →27Low-code & internal-tool front ends
OutSystems
A low-code platform for building web and mobile apps that integrate with enterprise systems.
Best for: Enterprise web and mobile apps.
Visit OutSystems →28Low-code & internal-tool front ends
Mendix
A low-code platform for building enterprise apps with visual development and integration.
Best for: Governed low-code at scale.
Visit Mendix →29Low-code & internal-tool front ends
Microsoft Power Apps
Microsoft's low-code platform for building apps that connect to Microsoft 365 and hundreds of services.
Best for: Microsoft-centred apps.
Visit Microsoft Power Apps →Choosing the right approach
Match your requirement to a starting point, then compare vendors.
| Many teams, one web app | Micro-frontends with single-spa, Module Federation or Piral |
|---|---|
| Shared look and feel | A web component library and design system |
| A single entry point for users | A portal or digital experience platform |
| One API for many screens | A GraphQL federation layer |
| Internal tools fast | A low-code or internal-tool platform |
| Mixed frameworks | Web components or an islands approach such as Astro |
Related pages on PeterIndia.net
Neighbouring directories and hubs.
Integration TechnologiesThe integration hub.Process Integration SolutionsProcess hub.API Management Platforms and GatewaysManage the APIs UIs use.iPaaS and EAI PlatformsConnect applications.Low-Code PlatformsBuild apps visually.Internal Developer PortalsDeveloper portals.Middleware SoftwareMiddleware overview.Software EngineeringThe engineering hub.
Frequently asked questions
Quick answers.
What is UI integration?
UI integration brings separate applications, services or components together into a unified user interface, so users work in one place instead of switching between many apps.
What is a micro-frontend?
A micro-frontend splits a web app into smaller parts that independent teams build, test and deploy separately, then compose into one page or app in the browser or on the server.
Micro-frontends or a portal?
Micro-frontends suit product teams building one large app. Portals and digital experience platforms suit bringing many existing apps and content into a single access point.
Do web components help?
Yes. They are a browser standard for reusable elements that work across frameworks, so they are a common basis for shared design systems and mixed-framework pages.
What are the risks?
Micro-frontends can add complexity, duplicate dependencies, slow page loads and inconsistent design. Agree on shared standards, a design system and performance budgets early.
How does UI integration relate to API integration?
UIs usually depend on APIs for data. A common pattern is a backend-for-frontend or GraphQL layer that combines several back-end services into the shape each UI needs.
Descriptions summarise each vendor's or project's own positioning, checked on 5 October 2026. Product names and offerings change often, so confirm details on the linked site before deciding.