PHPackages loki/magento2-admin-components - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Admin Panels](/categories/admin) 4. / 5. loki/magento2-admin-components ActiveMagento2-module[Admin Panels](/categories/admin) loki/magento2-admin-components ============================== Admin Panel grids and forms created via Loki Components 0.7.1(1mo ago)178.3k↑227.2%6[3 issues](https://github.com/LokiExtensions/Loki_AdminComponents/issues)6OSL-3.0PHPPHP ^8.1CI passing Since May 7Pushed 3w ago3 watchersCompare [ Source](https://github.com/LokiExtensions/Loki_AdminComponents)[ Packagist](https://packagist.org/packages/loki/magento2-admin-components)[ Fund](https://www.paypal.me/yireo)[ GitHub Sponsors](https://github.com/yireo)[ RSS](/packages/loki-magento2-admin-components/feed)WikiDiscussions master Synced 2w ago READMEChangelog (10)Dependencies (44)Versions (44)Used By (6) Loki\_AdminComponents ===================== [](#loki_admincomponents) **This Magento 2 module allows for developers to build admin grids and admin forms in the Magento 2 Admin Panel in a faster way. No more ugly UiComponents that nobody understands. Create grids and forms quickly. And gradually add features to them, without getting stuck.** The LokiAdminComponents are based on the [Loki Components](https://github.com/LokiExtensions/Loki_Components) module which is also used in the [LokiCheckout](https://loki-checkout.com/). However, this admin tool shows that the Loki Extension suite can be applied in many more places. *Note that this library makes use of Alpine.js in the Magento Admin Panel. As for CSS, we stick to the native Magento Admin Panel classes instead: Everything looks the same.* Installation ------------ [](#installation) ``` composer require loki/magento2-admin-components bin/magento module:enable Loki_AdminComponents Loki_Components Loki_CssUtils Loki_Base ``` Getting started with a grid --------------------------- [](#getting-started-with-a-grid) First create a module that generates a page in the Admin Panel (`etc/module.xml`, `registration.php`, a backend controller action class, perhaps `acl.xml` and `menu.xml`). In your new XML layout file, add the following: ``` Magento\Catalog\Api\ProductRepositoryInterface ``` And you're done. After refreshing the Magento cache, you now have a product grid. Refer to the [documentation](https://loki-extensions.com/docs/admin-components/grid) for fine-tuning this grid. Getting started with a form --------------------------- [](#getting-started-with-a-form) Again, first create a module that generates a page in the Admin Panel (`etc/module.xml`, `registration.php`, a backend controller action class, perhaps `acl.xml` and `menu.xml`). In your new XML layout file, add the following: ``` Magento\Catalog\Api\ProductRepositoryInterface ``` And you're done. After refreshing the Magento cache, you now have a basic product form. Refer to the [documentation](https://loki-extensions.com/docs/admin-components/form) for fine-tuning this form. Examples -------- [](#examples) As a demo, you could opt to install the following examples: - [YireoTraining\_ExampleLokiAdminProducts](https://github.com/yireo-training/YireoTraining_ExampleLokiAdminProducts) - a product repository-based grid with various modifications including inline editing of the product name; - [YireoTraining\_ExampleLokiAdminCmsPage](https://github.com/yireo-training/YireoTraining_ExampleLokiAdminCmsPage) - a bare-bones repository-based implementation that is ugly, but it shows what you get with minimal effort; - [YireoTraining\_ExampleLokiAdminArrayGrid](https://github.com/yireo-training/YireoTraining_ExampleLokiAdminArrayGrid) - a bare-bones array-based grid; - [YireoTraining\_YireoTraining\_ExampleLokiAdminEavEntityType](https://github.com/yireo-training/YireoTraining_YireoTraining_ExampleLokiAdminEavEntityType) - a bare-bones collection-based grid to display EAV entity types; [![Screenshot of YireoTraining_ExampleLokiAdminProducts](loki-admin-grid-products.png)](loki-admin-grid-products.png) Features -------- [](#features) ### Grid features [](#grid-features) - Autodetection of columns - Search - Pagination - Sorting columns - Custom cell templates - Inline editing - Filters - Mass Actions - Custom cell templates - ... (more docs coming soon) ### Grid provider handlers [](#grid-provider-handlers) - `repository` - `collection` - `array` ### Form features [](#form-features) - Autodetection of columns - Field-types (`select`, `input`, `number`, `datetime`, etc) with option to configure more - Form actions (\*Back, Save and Close, Save and Continue, Delete, etc) - ... (more docs coming soon) ### Documentation [](#documentation) See Todo ==== [](#todo) - Extension Attributes - Filesystem navigation - Tiles instead of grid layout - Delete add confirmation - Add custom SearchCriteriaBuilder via repository addons - Switch field for enabled/disabled column within grid - Export selected to CSV, JSON, XSLX ### Health Score 52 — FairBetter than 96% of packages Maintenance90 Actively maintained with recent releases Popularity37 Limited adoption so far Community25 Small or concentrated contributor base Maturity49 Maturing project, gaining track record Bus Factor1 Top contributor holds 96.5% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~10 days Recently: every ~33 days Total 42 Last Release 35d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/1373981?v=4)[Yireo](/maintainers/yireo)[@yireo](https://github.com/yireo) --- Top Contributors [![jissereitsma](https://avatars.githubusercontent.com/u/7670482?v=4)](https://github.com/jissereitsma "jissereitsma (444 commits)")[![rajeev-k-tomy](https://avatars.githubusercontent.com/u/7589113?v=4)](https://github.com/rajeev-k-tomy "rajeev-k-tomy (12 commits)")[![LBannenberg](https://avatars.githubusercontent.com/u/53971840?v=4)](https://github.com/LBannenberg "LBannenberg (2 commits)")[![allrude](https://avatars.githubusercontent.com/u/47407?v=4)](https://github.com/allrude "allrude (1 commits)")[![rickdaalhuizen90](https://avatars.githubusercontent.com/u/15648411?v=4)](https://github.com/rickdaalhuizen90 "rickdaalhuizen90 (1 commits)") --- Tags lokimagentomagento2yireoloki-components ### Embed Badge ![Health badge](/badges/loki-magento2-admin-components/health.svg) ``` [![Health](https://phpackages.com/badges/loki-magento2-admin-components/health.svg)](https://phpackages.com/packages/loki-magento2-admin-components) ``` ### Alternatives [mollie/magento2 Mollie Payment Module for Magento 2 1142.0M17](/packages/mollie-magento2)[buckaroo/magento2 Buckaroo Magento 2 extension 32426.0k8](/packages/buckaroo-magento2)[loki/magento2-components Core module for defining Alpine.js components with advanced AJAX features 1015.1k29](/packages/loki-magento2-components)[dotdigital/dotdigital-magento2-extension Dotdigital for Magento 2 50406.2k23](/packages/dotdigital-dotdigital-magento2-extension)[run-as-root/magento2-prometheus-exporter Magento2 Prometheus Exporter 69362.0k](/packages/run-as-root-magento2-prometheus-exporter)[yireo/magento2-emailtester2 Preview transactional emails and test send them in your backend 34441.8k](/packages/yireo-magento2-emailtester2) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)