{"id":42528843,"url":"https://github.com/lokiextensions/loki_admincomponents","last_synced_at":"2026-05-01T19:00:45.418Z","repository":{"id":291455451,"uuid":"976680932","full_name":"LokiExtensions/Loki_AdminComponents","owner":"LokiExtensions","description":"A brand new way to create Magento 2 Admin Panel grids and forms with ease and performance","archived":false,"fork":false,"pushed_at":"2026-04-10T08:54:12.000Z","size":706,"stargazers_count":15,"open_issues_count":2,"forks_count":6,"subscribers_count":2,"default_branch":"master","last_synced_at":"2026-04-10T10:38:40.938Z","etag":null,"topics":["loki","magento","magento2","yireo"],"latest_commit_sha":null,"homepage":"https://loki-extensions.com/admin-components","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/LokiExtensions.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null},"funding":{"github":"yireo","custom":["https://www.paypal.me/yireo"]}},"created_at":"2025-05-02T14:49:40.000Z","updated_at":"2026-04-10T08:54:19.000Z","dependencies_parsed_at":"2025-05-04T19:27:16.616Z","dependency_job_id":"c0dbfbde-225e-4eb9-ad24-1f560bbfe753","html_url":"https://github.com/LokiExtensions/Loki_AdminComponents","commit_stats":null,"previous_names":["yireo/yireo_lokiadmincomponents","lokiextensions/loki_admincomponents"],"tags_count":38,"template":false,"template_full_name":null,"purl":"pkg:github/LokiExtensions/Loki_AdminComponents","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LokiExtensions%2FLoki_AdminComponents","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LokiExtensions%2FLoki_AdminComponents/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LokiExtensions%2FLoki_AdminComponents/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LokiExtensions%2FLoki_AdminComponents/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LokiExtensions","download_url":"https://codeload.github.com/LokiExtensions/Loki_AdminComponents/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LokiExtensions%2FLoki_AdminComponents/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32508912,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-30T13:12:12.517Z","status":"online","status_checked_at":"2026-05-01T02:00:05.856Z","response_time":64,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["loki","magento","magento2","yireo"],"created_at":"2026-01-28T16:10:47.689Z","updated_at":"2026-05-01T19:00:45.410Z","avatar_url":"https://github.com/LokiExtensions.png","language":"PHP","funding_links":["https://github.com/sponsors/yireo","https://www.paypal.me/yireo"],"categories":[],"sub_categories":[],"readme":"# Loki_AdminComponents\n\n**This Magento 2 module allows for developers to build admin grids and admin forms in the Magento 2 Admin Panel in\na faster way. No more ugly UiComponents that nobody understands. Create grids and forms quickly. And gradually add\nfeatures to them, without getting stuck.**\n\nThe 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.\n\n*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.*\n\n## Installation\n```bash\ncomposer require loki/magento2-admin-components\nbin/magento module:enable Loki_AdminComponents Loki_Components Loki_CssUtils Loki_Base\n```\n\n## Getting started with a grid\nFirst 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`). \n\nIn your new XML layout file, add the following:\n\n```xml\n\u003c?xml version=\"1.0\"?\u003e\n\u003cpage xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:module:View/Layout:etc/page_configuration.xsd\"\u003e\n    \u003cupdate handle=\"loki_admin_components_grid\"/\u003e\n\n    \u003cbody\u003e\n        \u003creferenceContainer name=\"content\"\u003e\n            \u003cblock\n                name=\"yireo-training.example-admin.grid\"\n                template=\"Loki_AdminComponents::grid.phtml\"\u003e\n                \u003carguments\u003e\n                    \u003cargument name=\"provider\" xsi:type=\"string\"\u003e\n                        Magento\\Catalog\\Api\\ProductRepositoryInterface\n                    \u003c/argument\u003e\n                \u003c/arguments\u003e\n            \u003c/block\u003e\n        \u003c/referenceContainer\u003e\n    \u003c/body\u003e\n\u003c/page\u003e\n```\n\nAnd you're done. After refreshing the Magento cache, you now have a product grid.\n\nRefer to the [documentation](https://loki-extensions.com/docs/admin-components/grid) for fine-tuning this grid.\n\n## Getting started with a form\nAgain, 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`).\n\nIn your new XML layout file, add the following:\n\n```xml\n\u003c?xml version=\"1.0\"?\u003e\n\u003cpage xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xsi:noNamespaceSchemaLocation=\"urn:magento:module:View/Layout:etc/page_configuration.xsd\"\u003e\n    \u003cupdate handle=\"loki_admin_components_form\"/\u003e\n\n    \u003cbody\u003e\n        \u003creferenceContainer name=\"content\"\u003e\n            \u003cblock\n                name=\"yireo-training.example-admin.form\"\n                template=\"Loki_AdminComponents::form.phtml\"\u003e\n                \u003carguments\u003e\n                    \u003cargument name=\"provider\" xsi:type=\"string\"\u003e\n                        Magento\\Catalog\\Api\\ProductRepositoryInterface\n                    \u003c/argument\u003e\n                \u003c/arguments\u003e\n            \u003c/block\u003e\n        \u003c/referenceContainer\u003e\n    \u003c/body\u003e\n\u003c/page\u003e\n```\n\nAnd you're done. After refreshing the Magento cache, you now have a basic product form.\n\nRefer to the [documentation](https://loki-extensions.com/docs/admin-components/form) for fine-tuning this form.\n\n## Examples\nAs a demo, you could opt to install the following examples:\n\n- [YireoTraining_ExampleLokiAdminProducts](https://github.com/yireo-training/YireoTraining_ExampleLokiAdminProducts) - a product repository-based grid with various modifications including inline editing of the product name; \n- [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;\n- [YireoTraining_ExampleLokiAdminArrayGrid](https://github.com/yireo-training/YireoTraining_ExampleLokiAdminArrayGrid) - a bare-bones array-based grid;\n- [YireoTraining_YireoTraining_ExampleLokiAdminEavEntityType](https://github.com/yireo-training/YireoTraining_YireoTraining_ExampleLokiAdminEavEntityType) - a bare-bones collection-based grid to display EAV entity types;\n\n![Screenshot of YireoTraining_ExampleLokiAdminProducts](loki-admin-grid-products.png)\n\n## Features\n\n### Grid features\n- Autodetection of columns\n- Search\n- Pagination\n- Sorting columns\n- Custom cell templates\n- Inline editing\n- Filters\n- Mass Actions\n- Custom cell templates\n- ... (more docs coming soon)\n\n### Grid provider handlers\n- `repository`\n- `collection`\n- `array`\n\n### Form features\n- Autodetection of columns\n- Field-types (select, text, number, datetime, etc) with option to configure more\n- Form actions (Back, Save and Close, Save and Continue, Delete, etc)\n- ... (more docs coming soon)\n\n### Documentation\nSee [https://loki-extensions.com/docs/admin-components](https://loki-extensions.com/docs/admin-components)\n\n# Todo\n- Extension Attributes\n- Filesystem navigation\n- Tiles instead of grid layout\n- Delete add confirmation\n- Add custom SearchCriteriaBuilder via repository addons\n- Switch field for enabled/disabled column within grid\n- Export selected to CSV, JSON, XSLX\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flokiextensions%2Floki_admincomponents","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flokiextensions%2Floki_admincomponents","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flokiextensions%2Floki_admincomponents/lists"}