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. [Framework](/categories/framework)
4. /
5. reluem/contao-uikit

ActiveContao-bundle[Framework](/categories/framework)

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 2mo 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 2d ago

READMEChangelog (10)Dependencies (11)Versions (15)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

34

—

LowBetter than 75% of packages

Maintenance56

Moderate activity, may be stable

Popularity10

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity53

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

1275d 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 (181 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

[markocupic/calendar-event-booking-bundle

Contao Calendar Event Booking Bundle

125.1k1](/packages/markocupic-calendar-event-booking-bundle)[metamodels/core

MetaModels core

9956.1k68](/packages/metamodels-core)[contao/manager-bundle

Provides the Contao Managed Edition

181.3M68](/packages/contao-manager-bundle)[contao-community-alliance/dc-general

Universal data container for Contao

1579.5k90](/packages/contao-community-alliance-dc-general)[codefog/contao-news_categories

News Categories bundle for Contao Open Source CMS

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

Node bundle for Contao Open Source CMS

3075.6k5](/packages/terminal42-contao-node)

PHPackages © 2026

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