Skip to Content
App ShellIntroduction

App Shell

The App Shell is a micro-frontend framework for building applications.
Together with the UI Kit, it aims to provide a consistent user experience across applications by adopting design patterns and addressing architectural key concepts of composability and portability.

At its core, App Shell consists of:

  1. A Vite plugin that enhances development and handles building of the micro-frontend modules.
  2. Routing utilities and configuration, built on top of React Router, that bring the application modules together.
  3. A collection of common UI patterns such as the navigation system (header, vertical navigation) and notifications.

App Shell Packages

The App Shell is comprised of the following packages:

Each package plays a specific role in enabling modularity, consistent layout, and runtime integration of independently deployed frontend modules.

Last updated on