PHPackages                             mage-os/module-theme-uikit - 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. [Utility & Helpers](/categories/utility)
4. /
5. mage-os/module-theme-uikit

ActiveMagento2-module[Utility & Helpers](/categories/utility)

mage-os/module-theme-uikit
==========================

Utilities for the Mage-OS/Magento UIkit theme

1.6.0(6mo ago)4138↓25%21MITPHPPHP ^8.1

Since Jul 18Pushed 6mo ago1 watchersCompare

[ Source](https://github.com/mage-os-lab/module-theme-uikit)[ Packagist](https://packagist.org/packages/mage-os/module-theme-uikit)[ RSS](/packages/mage-os-module-theme-uikit/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (1)Versions (10)Used By (1)

MageOS UIkit Theme Module
=========================

[](#mageos-uikit-theme-module)

**Set of utilities for the Mage-OS/Magento UIkit theme**

See also [mage-os-lab/theme-frontend-uikit](https://github.com/mage-os-lab/theme-frontend-uikit)

---

Overview
--------

[](#overview)

The **UIkit Theme** module allows svg assets compilation inside static contents, removes unused css UIkit3 classes ( "uk-" prefixed classes) and preload fonts.

How it works
------------

[](#how-it-works)

### Fonts preload

[](#fonts-preload)

Use "head.asset.preload" layout block to preload fonts and assets inside default\_head\_blocks.xml files

```
...

                    js/uikit/uikit-icons.min.js

                        type
                        script

                        crossorigin
                        false

                    fonts/Montserrat/Montserrat-Light.woff2

                        type
                        font/woff2

                        crossorigin
                        false

                ...

```

### UIkit CSS classes safelist

[](#uikit-css-classes-safelist)

To compile UIkit css classes inside the css files you need to specify file paths to scan into uikit\_whitelist.xml files:

```

        app/design/frontend/Mage-OS/UIkit
        vendor/mage-os/theme-frontend-uikit

```

Or compile a safelist of classes if any phtml/html/xml file expose them

```

        uk-button
        uk-button-primary

```

Installation
------------

[](#installation)

1. Install it into your Mage-OS/Magento 2 project with composer:

```
composer require mage-os/module-theme-uikit

```

2. Enable module

```
bin/magento setup:upgrade

```

Make sure to also install [mage-os-lab/theme-frontend-uikit](https://github.com/mage-os-lab/theme-frontend-uikit)

Changelog
---------

[](#changelog)

Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently.

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE) for more information.

###  Health Score

40

—

FairBetter than 88% of packages

Maintenance68

Regular maintenance activity

Popularity20

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity51

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 94.7% 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 ~13 days

Recently: every ~25 days

Total

9

Last Release

189d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/100189073?v=4)[Mage-OS](/maintainers/mage-os-ci)[@mage-os-ci](https://github.com/mage-os-ci)

---

Top Contributors

[![dadolun95](https://avatars.githubusercontent.com/u/8927461?v=4)](https://github.com/dadolun95 "dadolun95 (18 commits)")[![jissereitsma](https://avatars.githubusercontent.com/u/7670482?v=4)](https://github.com/jissereitsma "jissereitsma (1 commits)")

---

Tags

mage-osmage-os-extensionmagentomagento2magento2-extensionmagento2-moduleuikituikit-frameworkuikit3

### Embed Badge

![Health badge](/badges/mage-os-module-theme-uikit/health.svg)

```
[![Health](https://phpackages.com/badges/mage-os-module-theme-uikit/health.svg)](https://phpackages.com/packages/mage-os-module-theme-uikit)
```

###  Alternatives

[lullabot/amp

A set of useful classes and utilities to convert html to AMP html (See https://www.ampproject.org/)

3802.9M10](/packages/lullabot-amp)[padaliyajay/php-autoprefixer

CSS Autoprefixer written in pure PHP.

468.3M8](/packages/padaliyajay-php-autoprefixer)[laracademy/generators

This package will generate a Laravel Model based on your database table itself, filling in the required fields automatically.

355346.4k4](/packages/laracademy-generators)[happyr/message-serializer

Serialize classes the good way.

80491.3k](/packages/happyr-message-serializer)[northys/css-inliner

PHP Library that converts css file into html inline styles.

4516.2k](/packages/northys-css-inliner)[drupaljedi/css-tree-shaking

Helps you to eliminate the portions of CSS you aren't using. Usually should be used to generate AMP pages, where is the fixed limit for maximum styles size.

1122.3k](/packages/drupaljedi-css-tree-shaking)

PHPackages © 2026

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