Have you ever wanted to show or hide certain parts of your Magento store based on specific conditions? For example, showing special offers only to VIP customers or displaying different content in different store views? This is where Magento’s UI Components and Visibility Conditions come into play.
09 Apr 2025
The Magento UI library is a flexible modular Magento frontend library that is designed to assist Magento theme developers. It employs a set of mixins for base elements to ease frontend theme development and customization. The Magento UI library offers the following characteristics for those who develop or customize Magento themes.
A modular Javascript stack designed for Magento. Powered by AlpineJS and ViteJS.
The library got an update:
✨ Rebranding for a fresher and cleaner look.
📱 PWA Support – Install the documentation as an app for easy access.
📴 Offline Navigation – Browse the library without internet connectivity.
Improved usability for admin components (e.g. Product form). It replaces standard select and multiselect components with UI-select, enhancing large option lists by adding search functionality. Configurable settings allow admins to set the minimum option threshold for this feature, defaulting to a display threshold of 20 options.
This Magento 2 module allows you to use UI components as input for widget and also use new UI components.