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

1225d 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

[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-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)[markocupic/calendar-event-booking-bundle

Contao Calendar Event Booking Bundle

125.0k1](/packages/markocupic-calendar-event-booking-bundle)

PHPackages © 2026

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