PHPackages                             wp-kit/itcss - 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. [Utility & Helpers](/categories/utility)
4. /
5. wp-kit/itcss

ActiveLibrary[Utility & Helpers](/categories/utility)

wp-kit/itcss
============

A blank canvas file structure for ITCSS methodology

1.0.0(8y ago)39MITCSSCI failing

Since Sep 1Pushed 6y ago1 watchersCompare

[ Source](https://github.com/wp-kit/itcss)[ Packagist](https://packagist.org/packages/wp-kit/itcss)[ Docs](https://github.com/wp-kit/itcss)[ RSS](/packages/wp-kit-itcss/feed)WikiDiscussions master Synced 4d ago

READMEChangelog (3)DependenciesVersions (1)Used By (0)

Webpack
=======

[](#webpack)

This repo is a blank canvas file structure for JS and ScSS using [`ITCSS`](https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/) methodology - using Webpack to build your CSS and JS with sourcemaps and manifest file.

To install just download this repo and place within your public folder / theme etc. and then run

```
npm i

```

We have included two example libraries, `foundation-sites` and `slick-carousel`. To install your preferred framework, just use a package manager and update the references in `styles/style.scss` and `scripts/application.js`.

You can then build JS and CSS files:

```
npm run build

```

You can watch JS and CSS files:

```
npm start

```

Commands can be seen in `package.json` file:

```
"build": "export NODE_ENV=production; webpack --mode production",
"watch": "webpack-dev-server --mode development --watch --hot --inline",
"start": "npm run watch --silent"

```

###  Health Score

27

—

LowBetter than 47% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity61

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

Unknown

Total

1

Last Release

3225d ago

### Community

Maintainers

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

---

Top Contributors

[![terence1990](https://avatars.githubusercontent.com/u/8171301?v=4)](https://github.com/terence1990 "terence1990 (47 commits)")

---

Tags

wordpressbootstrapfoundationitcss

### Embed Badge

![Health badge](/badges/wp-kit-itcss/health.svg)

```
[![Health](https://phpackages.com/badges/wp-kit-itcss/health.svg)](https://phpackages.com/packages/wp-kit-itcss)
```

###  Alternatives

[anahkiasen/former

A powerful form builder

1.4k1.4M14](/packages/anahkiasen-former)[aplus/pagination

Aplus Framework Pagination Library

2121.6M3](/packages/aplus-pagination)[bootscore/bootscore

A powerful, free Bootstrap 5 starter theme for WordPress.

3762.7k](/packages/bootscore-bootscore)[indigotree/wp-bootstrap-nav-walker

WordPress Nav Walkers to implement Bootstrap navbars.

102.0k](/packages/indigotree-wp-bootstrap-nav-walker)

PHPackages © 2026

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