PHPackages                             reluem/contao-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. reluem/contao-uikit

ActiveContao-bundle

reluem/contao-uikit
===================

A contao bundle to integrate the UIkit framework.

0.5.3(3y ago)0128[1 issues](https://github.com/reluem/contao-UIkit/issues)LGPL-3.0-or-laterPHPPHP ^7.0

Since Mar 1Pushed 4mo agoCompare

[ Source](https://github.com/reluem/contao-UIkit)[ Packagist](https://packagist.org/packages/reluem/contao-uikit)[ RSS](/packages/reluem-contao-uikit/feed)WikiDiscussions master Synced 2mo ago

READMEChangelog (10)Dependencies (11)Versions (14)Used By (0)

contao-UIkit
============

[](#contao-uikit)

add to root composer.json

```
"require" : {
    "oomphinc/composer-installers-extender": "^2.0",
    },
"extra": {
    "installer-types": [
      "npm-asset"
    ],
    "installer-paths": {
      "assets/{$name}/": [
        "type:npm-asset"
      ]
    }
  },
  "repositories": [
    {
      "type": "composer",
      "url": "https://asset-packagist.org"
    }
  ]

```

UIkit assets are loaded automatically with this snippet in the composer.json of this module. You need to have the above mentioned requirements in your root json in order to load the ressources from npm-asset.

```
"require" : {
    "npm-asset/uikit": "~3.0"
    },

```

Next, create a custom .scss theme in your files directory, that you reference in your Contao page layout. Your custom file will overwrite the variables of the UIkit core which enables you to change e.g. colors or fonts.

```
### Your Custom SCSS file

// 1. Your custom variables and variable overwrites.
// e.g. $global-primary-background: rgb(0, 48, 135);

// 2. Import default variables and available mixins.
@import "../../assets/uikit/src/scss/variables-theme.scss";
@import "../../assets/uikit/src/scss/mixins-theme.scss";

// 3. Your custom mixin overwrites.

// 4. Import UIkit.
@import "../../assets/uikit/src/scss/uikit-theme.scss";

// 5. Other Custom SCSS

```

Features:
---------

[](#features)

#### Modules

[](#modules)

- Navbar with Module Picker
- Columnset
- Fancy Alerts for newsletter subscriptions

### Content Elements

[](#content-elements)

- Hero Image
- Link Teaser with Buttons

### Others

[](#others)

- Icon Inserttag
- JS automatically moved to end of DOM

###  Health Score

33

—

LowBetter than 75% of packages

Maintenance52

Moderate activity, may be stable

Popularity10

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity52

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% 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 ~108 days

Recently: every ~186 days

Total

14

Last Release

1224d ago

PHP version history (2 changes)0.1.1PHP >=7.1

0.5PHP ^7.0

### Community

Maintainers

![](https://www.gravatar.com/avatar/f54f5a1287485e2bde1e2dbcc972d1c6e900109e44269eb31e5f25fb2dfd4295?d=identicon)[reluem](/maintainers/reluem)

---

Top Contributors

[![reluem](https://avatars.githubusercontent.com/u/17430489?v=4)](https://github.com/reluem "reluem (180 commits)")

###  Code Quality

Code StylePHP CS Fixer

### Embed Badge

![Health badge](/badges/reluem-contao-uikit/health.svg)

```
[![Health](https://phpackages.com/badges/reluem-contao-uikit/health.svg)](https://phpackages.com/packages/reluem-contao-uikit)
```

###  Alternatives

[isotope/isotope-core

Isotope is the premier open source eCommerce solution for Contao Open Source CMS

13959.2k74](/packages/isotope-isotope-core)[codefog/contao-news_categories

News Categories bundle for Contao Open Source CMS

3183.3k6](/packages/codefog-contao-news-categories)[terminal42/contao-node

Node bundle for Contao Open Source CMS

3172.5k4](/packages/terminal42-contao-node)[terminal42/dcawizard

dcaWizard extension for Contao Open Source CMS

10370.7k15](/packages/terminal42-dcawizard)[terminal42/contao-leads

Leads extension for Contao Open Source CMS; Store and manage form data with ease!

41167.9k10](/packages/terminal42-contao-leads)[terminal42/contao-mp_forms

An extension for Contao Open Source CMS to create multi steps forms using the form generator

2633.7k5](/packages/terminal42-contao-mp-forms)

PHPackages © 2026

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