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.6.4(1mo ago)0128[1 issues](https://github.com/reluem/contao-UIkit/issues)LGPL-3.0-or-laterPHPPHP ^7.4 || ^8.1

Since Mar 1Pushed 1mo 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 2w ago

READMEChangelog (10)Dependencies (21)Versions (20)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)

- JS automatically moved to end of DOM

###  Health Score

48

—

FairBetter than 94% of packages

Maintenance94

Actively maintained with recent releases

Popularity10

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity68

Established project with proven stability

 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 ~149 days

Recently: every ~0 days

Total

19

Last Release

31d ago

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

0.5PHP ^7.0

0.6.0PHP ^7.4 || ^8.1

### 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 (186 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.3k1](/packages/markocupic-calendar-event-booking-bundle)[terminal42/notification_center

Notification Center extension for Contao Open Source CMS

80419.8k112](/packages/terminal42-notification-center)[metamodels/core

MetaModels core

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

Provides the Contao Managed Edition

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

Universal data container for Contao

1581.4k93](/packages/contao-community-alliance-dc-general)[codefog/contao-news_categories

News Categories bundle for Contao Open Source CMS

3290.3k6](/packages/codefog-contao-news-categories)

PHPackages © 2026

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