We built Loki Checkout for developers
We think you are going to love the Loki Checkout: Not only do we cover the basics, like performance and customizability. But we also made sure to build already the most frequently used tools for you.
Modular architecture
The Loki Checkout is based on various layers of components, all stacked on top of each other.
Magento technology
We stick to the Magento technology that you know: Blocks, ViewModels, PHTML, XML layout. We add some things on top of it: Alpine, Tailwind, custom logic. If you know Magento, you will get into the Loki architecture easily.
Loki Components
Loki Components can be seen as Alpine.js components that allow for efficient AJAX calls to the Magento application. And they include filters, loaders, validations and easy-to-customize logic. In short, Alpine.js components on steroids.
Loki Field Components
Based upon Loki Components, we have added more complex components for building forms: text-input, textarea, select, switch, date-pickers. All fields include filters, validations and complete customization of their properties.
Loki Map Components
A Loki Map Component combines the feature of maps (Google Maps, Leaflet.js) with AJAX functionality: We have included many features like pointers with custom icons, default locations, locations sidebar and fullscreen behaviour.
Loki Checkout
With the Loki Components technology, the entire checkout is built: This includes more advanced components like the step navigator, payment methods and much more. And thanks to the true modularity, you can customize everything in the way you see fit.
Loki Admin Components
If you need to build a grid or form in the Magento Admin Panel, which is both fast and easy to extend, the Loki Admin Components are for you. Think Loki Components in the backend.
Henk de Gier - HYPRIt is very beautiful and special to see that I can style this checkout to our own taste with virtually no template overrides.
We took care of it
Building a Magento checkout extension is not easy. To guarantee our level of quality, we focus on various areas, either via a manual periodic check or (preferably) via automation.
Improved performance
Running a Loki Checkout gives a very good performance. We check our extensions and our demo sites automatically at release time: Lighthouse score tests, smoke tests and benchmarks.
Out-of-the-box integrations
Various payment providers are supported out-of-the-box, as is PostNL, postcode validation, VAT ID validation. To maintain interoperability, tests are run in multi-extension environments regularly.
Focus on accessibility
Every component is created with ARIA attributes in mind. We check all extensions and demo-sites for WCAG 2.2 AAA compliance. And our Playwright tests include accessibility tests as well.
Zero templates overrides
Small templates, XML layout-based configurations and a CssClass util guarantee that the number of template overrides are kept to a bare minimum.
No bundled extensions
We don't do bundled extensions (extensions that are enforced because of commercial interest). The choice of which extensions are in your checkout are purely yours.
Built with CSP in mind
All sources have been added with CSP no-eval and no-inline in mind - including the Alpine CSP build. With that, the Loki Checkout is PCI 4 Compliant