PHPackages                             creativestyle/creative-patterns - 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. creativestyle/creative-patterns

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

creativestyle/creative-patterns
===============================

Pattern library

v3.0.0(6y ago)024.5k↓50%[18 PRs](https://github.com/magesuite/creative-patterns/pulls)1OSL-3.0TypeScript

Since Aug 9Pushed 3y ago3 watchersCompare

[ Source](https://github.com/magesuite/creative-patterns)[ Packagist](https://packagist.org/packages/creativestyle/creative-patterns)[ Docs](https://creativestyle.de)[ RSS](/packages/creativestyle-creative-patterns/feed)WikiDiscussions develop Synced 3d ago

READMEChangelogDependenciesVersions (127)Used By (1)

creativepatterns
================

[](#creativepatterns)

This is creativestyle's pattern library that will contain all of the awesome code written by our great developers.

Local installation
------------------

[](#local-installation)

To install the local copy of the library:

1. Make sure you have `node >=4.0.0` installed on your computer, you can run `node -v` in console to check it.
2. Clone the repository.
3. Run `npm install` in project's root to install all of the needed dependencies.
4. Run `npm run serve` to build the library and start its website.

Essential commands
------------------

[](#essential-commands)

Since pattern library's build system is based on gulp, here are some most essential commands which are helpful when working with it.

- `npm run build` or `gulp build` - Builds entire pattern library.
- `npm run serve` or `gulp serve` - Builds entire pattern library and fires up local dev server which let's you browse the files.
- `npm run test` or `gulp test` - Build scripts and runs unit tests.
    - Use `-w` or `--watch` flag to rerun tests each time files change.
    - Use `-p package_path` or `--package package_path` to run tests for single package where `package_path` is a path relative to `packages` directory.
- `npm run lint` or `gulp lint` - Lints scripts and styles according to our code style rules.

Adding new components
---------------------

[](#adding-new-components)

1. Clone it!
2. Run `npm install` in project's root to install all of the needed dependencies.
3. Run `npm run generator` to fire up component generator.
4. Follow generator instructions.
5. Write your code in newly generated directory.
6. Add documentation and tests.
7. Follow Contributing guide since point 2.

Contributing
------------

[](#contributing)

1. Clone it!
2. Create your feature branch: `git checkout -b feature-my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin feature/my-new-feature`
5. Submit a merge request :D

###  Health Score

39

—

LowBetter than 86% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity24

Limited adoption so far

Community17

Small or concentrated contributor base

Maturity80

Battle-tested with a long release history

 Bus Factor1

Top contributor holds 68.9% 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 ~8 days

Recently: every ~93 days

Total

108

Last Release

2347d ago

Major Versions

v1.7.2 → v2.0.02017-11-27

v1.2.2 → v2.7.12018-03-30

v2.31.1 → v3.0.02019-12-10

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/6814811?v=4)[creativestyle](/maintainers/creativestyle)[@creativestyle](https://github.com/creativestyle)

---

Top Contributors

[![msiewierska](https://avatars.githubusercontent.com/u/73164807?v=4)](https://github.com/msiewierska "msiewierska (82 commits)")[![jlewko](https://avatars.githubusercontent.com/u/6950535?v=4)](https://github.com/jlewko "jlewko (15 commits)")[![diwipl](https://avatars.githubusercontent.com/u/3406741?v=4)](https://github.com/diwipl "diwipl (14 commits)")[![krisdante](https://avatars.githubusercontent.com/u/652384?v=4)](https://github.com/krisdante "krisdante (4 commits)")[![ptylek](https://avatars.githubusercontent.com/u/34317830?v=4)](https://github.com/ptylek "ptylek (2 commits)")[![drabikowy](https://avatars.githubusercontent.com/u/22365829?v=4)](https://github.com/drabikowy "drabikowy (1 commits)")[![pinkeen](https://avatars.githubusercontent.com/u/2019132?v=4)](https://github.com/pinkeen "pinkeen (1 commits)")

### Embed Badge

![Health badge](/badges/creativestyle-creative-patterns/health.svg)

```
[![Health](https://phpackages.com/badges/creativestyle-creative-patterns/health.svg)](https://phpackages.com/packages/creativestyle-creative-patterns)
```

###  Alternatives

[mainwp/mainwp-child

This is the Child plugin for the MainWP Dashboard

973.4k](/packages/mainwp-mainwp-child)

PHPackages © 2026

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