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. loki/magento2-admin-components

ActiveMagento2-module

loki/magento2-admin-components
==============================

N/A

0.6.2(2mo ago)151.6k—10%6[2 issues](https://github.com/LokiExtensions/Loki_AdminComponents/issues)4OSL-3.0PHPCI passing

Since May 7Pushed 2mo ago2 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 1mo ago

READMEChangelog (10)Dependencies (21)Versions (40)Used By (4)

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, text, 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

45

—

FairBetter than 93% of packages

Maintenance82

Actively maintained with recent releases

Popularity32

Limited adoption so far

Community22

Small or concentrated contributor base

Maturity39

Early-stage or recently created project

 Bus Factor1

Top contributor holds 95.9% 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 ~8 days

Total

38

Last Release

77d 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 (377 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

[dotdigital/dotdigital-magento2-extension

Dotdigital for Magento 2

50374.2k18](/packages/dotdigital-dotdigital-magento2-extension)[mollie/magento2

Mollie Payment Module for Magento 2

1121.6M10](/packages/mollie-magento2)[swissup/module-search-mysql-legacy

Legacy mysql search for magento 2.4

10483.0k](/packages/swissup-module-search-mysql-legacy)[pagbank/payment-magento

PagBank - Payment for Magento and Adobe

2128.3k7](/packages/pagbank-payment-magento)[opengento/module-category-import-export

This module add the capability to import and export the categories from the back-office.

119.1k](/packages/opengento-module-category-import-export)[mage-os/module-inventory-reservations-grid

Add a grid with the list of inventory reservations.

126.8k](/packages/mage-os-module-inventory-reservations-grid)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)