PHPackages                             oakengine/logo - 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. oakengine/logo

ActiveLibrary

oakengine/logo
==============

JavaScript library for creating and animating the OakEngine logo.

1.0.0(3w ago)13MITJavaScript

Since May 17Pushed 3w ago1 watchersCompare

[ Source](https://github.com/oakengine/logo)[ Packagist](https://packagist.org/packages/oakengine/logo)[ Docs](https://oakengine.com)[ RSS](/packages/oakengine-logo/feed)WikiDiscussions main Synced 1w ago

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

OakEngine Logo
==============

[](#oakengine-logo)

A JavaScript library for creating and animating the OakEngine logo.

[Live demo on CodePen](https://codepen.io/jschwind/pen/PwwvWGg)

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

[](#installation)

```
npm install oakengine-logo
```

```
composer require oakengine/logo
```

Usage
-----

[](#usage)

### In Browser

[](#in-browser)

```

  // Create a logo instance
  const logo = new OakEngineLogo('#logo-container', {
    colors: ["#0066cc", "#0077e6", "#0088ff", "#3399ff", "#66b3ff", "#99ccff", "#4d4d4d", "#fff"],
    outerSpeed: 0.3,
    innerSpeed: -0.15,
    size: 250
  });

```

### In Node.js

[](#in-nodejs)

```
const OakEngineLogo = require('oakengine-logo');

// Note: The library uses browser-specific APIs for rendering
// In Node.js, you can only access the class and its configuration
const logo = new OakEngineLogo();
console.log(logo.colors);
```

Configuration Options
---------------------

[](#configuration-options)

- `colors`: Array of 8 colors for the logo layers (default: `["#000", "#fff", "#000", "#fff", "#000", "#fff", "#4F4F4F", "#fff"]`)
- `outerSpeed`: Rotation speed of the outer rings (default: `-0.3`)
- `innerSpeed`: Rotation speed of the inner gear (default: `0.2`)
- `size`: Size of the logo in pixels (default: `200`)

Methods
-------

[](#methods)

- `pause()`: Pause the animation
- `play()`: Resume the animation
- `toggleAnimation()`: Toggle between play and pause
- `updateColors(colors)`: Update the colors of the logo
- `updateSpeeds(outerSpeed, innerSpeed)`: Update the rotation speeds
- `reverse()`: Reverse the rotation direction
- `reset()`: Reset the rotation to the initial position

License
-------

[](#license)

MIT

###  Health Score

37

—

LowBetter than 81% of packages

Maintenance95

Actively maintained with recent releases

Popularity6

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity33

Early-stage or recently created project

 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

23d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/44b85e5ce069ccae08123600bb24204ea8fe99c8cb5cbfae108ff29c179e503d?d=identicon)[jschwind](/maintainers/jschwind)

---

Top Contributors

[![jschwind](https://avatars.githubusercontent.com/u/985564?v=4)](https://github.com/jschwind "jschwind (16 commits)")

---

Tags

javascriptsvganimationlogooakengine

### Embed Badge

![Health badge](/badges/oakengine-logo/health.svg)

```
[![Health](https://phpackages.com/badges/oakengine-logo/health.svg)](https://phpackages.com/packages/oakengine-logo)
```

###  Alternatives

[mbostock/d3

A JavaScript visualization library for HTML and SVG.

113.0k441.5k3](/packages/mbostock-d3)[tightenco/ziggy

Use your Laravel named routes in JavaScript.

4.3k45.9M308](/packages/tightenco-ziggy)[blade-ui-kit/blade-icons

A package to easily make use of icons in your Laravel Blade views.

2.5k39.5M381](/packages/blade-ui-kit-blade-icons)[matthiasmullie/minify

CSS & JavaScript minifier, in PHP. Removes whitespace, strips comments, combines files (incl. @import statements and small assets in CSS files), and optimizes/shortens a few common programming patterns.

2.0k32.3M420](/packages/matthiasmullie-minify)[friendsofsymfony/jsrouting-bundle

A pretty nice way to expose your Symfony routing to client applications.

1.5k55.3M259](/packages/friendsofsymfony-jsrouting-bundle)[picqer/php-barcode-generator

An easy to use, non-bloated, barcode generator in PHP. Creates SVG, PNG, JPG and HTML images from the most used 1D barcode standards.

1.8k27.4M108](/packages/picqer-php-barcode-generator)

PHPackages © 2026

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