PHPackages                             zucommunications/rapidkit\_theme - 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. zucommunications/rapidkit\_theme

AbandonedArchivedDrupal-theme

zucommunications/rapidkit\_theme
================================

RapidKit theme.

v1.7.1(1y ago)17.4k↓11.8%[8 PRs](https://github.com/ZuCommunications/rapidkit_theme/pulls)GPL-2.0-or-laterTwigCI passing

Since Sep 16Pushed 1y ago3 watchersCompare

[ Source](https://github.com/ZuCommunications/rapidkit_theme)[ Packagist](https://packagist.org/packages/zucommunications/rapidkit_theme)[ Docs](https://github.com/ZuCommunications/rapidkit_theme)[ RSS](/packages/zucommunications-rapidkit-theme/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)DependenciesVersions (34)Used By (0)

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

[](#installation)

To include this theme, you need to add the following to your composer.json file:

```
{
  "repositories": [
    {
      "type": "vcs",
      "url": "git@github.com:ZuCommunications/rapidkit_theme.git"
    }
  ],
  "require": {
    "zucommunications/rapidkit_theme": "dev-main"
  }
}
```

To pull in changes from this repository, you will need to run `composer update` from the command line.

The `dev-` prefix is a composer convention. In the above example, the actual branch name will be `main` on GitHub. See  for more information.

After install, you will find the theme in `web/themes/contrib/rapidkit_theme`.

### Enable

[](#enable)

To enable the theme, you can run the following commands from the root of your project:

```
drush theme:install rapidkit_theme
drush config-set system.theme default rapidkit_theme -y
drush cr
```

### Disable

[](#disable)

To disable the theme, you can run the following commands from the root of your project:

```
drush config-set system.theme default olivero -y
drush theme:uninstall rapidkit_theme
drush cr
```

Compilation
-----------

[](#compilation)

This theme uses [Webpack Encore](https://symfony.com/doc/current/frontend.html#webpack-encore) to compile assets.

To compile assets, you can run the following command from the root of your project:

```
cd web/themes/contrib/rapidkit_theme
nvm use
npm install
npm run build
```

Storybook
---------

[](#storybook)

We are using the `@lullabot/storybook-drupal-addon` for storybook. It makes use of the `fetchStoryHtml` function provided by  to make a request to a running Drupal installation. The cl\_server drupal module will create a route that will return markup for a given component. See  for examples on usage.

### Setup

[](#setup)

You need to tell storybook where to look for your backend server. Copy the example.env file to .env and update the `STORYBOOK_DRUPAL_URL` variable to point to your local Drupal installation.

Also, the storybook integration for cl\_server needs CORS enable to work properly. Add this to the development.services.yml:

```
parameters:
  twig.config:
    debug: true
    cache: false
  cors.config:
    enabled: true
    allowedHeaders: ["*"]
    allowedMethods: []
    allowedOrigins: ["*"]
    exposedHeaders: false
    maxAge: false
    supportsCredentials: true
```

Also, each story needs to defined the full path to the story. When using lando it should look as follows:

```
{
  "parameters": {
    "fileName": "/app/web/themes/contrib/rapidkit_theme/components/alert/alert.stories.json"
  }
}
```

Also, you need to add the "Use the CL Server endpoint" to anonymous users on `/admin/people/permissions`

### Usage

[](#usage)

To start the storybook server, you can run the following command from the root of your project:

```
cd web/themes/contrib/rapidkit_theme
npm run storybook
```

Linting
-------

[](#linting)

This theme uses [ESLint](https://eslint.org/) to lint JavaScript. We are only checking code quality rules. Please see  for more information. You will need to [configure your editor](https://eslint.org/docs/latest/use/integrations) to run on save.

```
npm run lint
```

Formatting
----------

[](#formatting)

This theme uses [Prettier](https://prettier.io/) to format files. You will need to [configure your editor](https://prettier.io/docs/en/editors.html) to run on save.

```
npm run format
```

Generate Starterkit
-------------------

[](#generate-starterkit)

To generate a new custom theme using this theme as a starterkit, you can run the following command from the root of your project:

```
cd web
mkdir -p themes/custom
php core/scripts/drupal generate-theme duchess --starterkit "rapidkit_theme" --path themes/custom
cd themes/custom/duchess
find . -type f ! -name "*.png" ! -name "*.svg" ! -name "*.gif" -exec sed -i '' -e 's/rapidkit_theme/duchess/g' {} +
lando drush theme:install duchess
lando drush config-set system.theme default duchess -y
lando drush en -y sdc
lando drush cr
```

###  Health Score

37

—

LowBetter than 83% of packages

Maintenance44

Moderate activity, may be stable

Popularity25

Limited adoption so far

Community15

Small or concentrated contributor base

Maturity54

Maturing project, gaining track record

 Bus Factor2

2 contributors hold 50%+ of commits

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

Recently: every ~43 days

Total

19

Last Release

458d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/d32f82c329bba68f0b9ec733be472940f697bc0705001c8abb64f361a6ca3457?d=identicon)[services@zu.com](/maintainers/services@zu.com)

---

Top Contributors

[![msabares](https://avatars.githubusercontent.com/u/23060776?v=4)](https://github.com/msabares "msabares (65 commits)")[![dubbs](https://avatars.githubusercontent.com/u/405625?v=4)](https://github.com/dubbs "dubbs (39 commits)")[![zugit](https://avatars.githubusercontent.com/u/7998377?v=4)](https://github.com/zugit "zugit (20 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (15 commits)")[![theophilusn](https://avatars.githubusercontent.com/u/180337699?v=4)](https://github.com/theophilusn "theophilusn (10 commits)")[![nickkind](https://avatars.githubusercontent.com/u/88054057?v=4)](https://github.com/nickkind "nickkind (9 commits)")[![tanmay-pathak](https://avatars.githubusercontent.com/u/71184799?v=4)](https://github.com/tanmay-pathak "tanmay-pathak (2 commits)")[![JonRonn](https://avatars.githubusercontent.com/u/110564446?v=4)](https://github.com/JonRonn "JonRonn (2 commits)")

### Embed Badge

![Health badge](/badges/zucommunications-rapidkit-theme/health.svg)

```
[![Health](https://phpackages.com/badges/zucommunications-rapidkit-theme/health.svg)](https://phpackages.com/packages/zucommunications-rapidkit-theme)
```

PHPackages © 2026

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