Header image

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 Checkout

With the Loki Components technology, the entire checkout is built: This includes more advanced components. And thanks to the true modularity, the sky is the limit.

Loki Components

Alpine.js and Tailwind CSS based components allow for simple AJAX calls to the Magento application. And they include filters, validations and easy-to-customize logic.

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

Alpine.js and Tailwind CSS based components allow for simple AJAX calls to the Magento application. And they include filters, validations and easy-to-customize logic.

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.

It is very beautiful and special to see that I can style this checkout to our own taste with virtually no template overrides.
Henk de Gier - HYPR

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