PHPackages                             amoschou/hyle - 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. amoschou/hyle

ActiveLibrary[Framework](/categories/framework)

amoschou/hyle
=============

Material Components for the web as a Laravel package.

031PHP

Since Sep 1Pushed 2y ago1 watchersCompare

[ Source](https://github.com/amoschou/hyle)[ Packagist](https://packagist.org/packages/amoschou/hyle)[ RSS](/packages/amoschou-hyle/feed)WikiDiscussions main Synced 3w ago

READMEChangelogDependenciesVersions (1)Used By (0)

Hyle
====

[](#hyle)

Material Components for the web as a Laravel package.

© Andrew Gilbert Moschou 2021

This package has two purposes:

1. Exposes Material Design UI components to the Laravel developer as view components.
2. Implements a theming system

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

[](#installation)

1. `composer require amoschou/hyle`
2. `php artisan vendor:publish` and select `AMoschou\Hyle\HyleServiceProvider`. This publishes `config/hyle.json`, which can be configured before installation.
3. `php artisan hyle:install`This command installs Hyle and configures the themes. This must be done after step 2, it assumes `config/hyle.json` is present.
4. `npm install && npm run dev`Install dependencies and run `mix` to compile assets according to `webpack.mix.js`.

Usage
-----

[](#usage)

### Themes

[](#themes)

This package helps the user to define multiple themes, and generates the Sass and CSS files to manage them. One aspect of Material themes is colour, and the primary and secondary colours are principal to this. `config/hyle.json` defines a list of primary colours and a list of secondary colours. When Hyle is installed into a Laravel application, all combinations of primary and secondary colours are managed. For example, if there are four primary colours and two secondary colours defined, then eight combinations of primary and secondary colours will be generated. Furthermore, a light theme and a dark theme is generated for each combination, reaching a total of sixteen CSS themes.

Each element of the array `primaryColours` and `secondaryColours` has a `name`, a `value` and a `desaturated` property. `name` is a string to label the colour, `value` is the colour as used in light themes and `desaturated` is the colour as used in dark themes. These can be a string that matches one of the colours of Material colour pallette from 2014 (e.g. `deep-purple-500`), or a hexadecimal string of the form `#123456` representing the literal RGB colour. In the future, this may be expanded to include other colour pallettes in an easy way. If one of `value` and `desaturated` are omitted, then values will be generated automatically, which may be suitable.

### Components

[](#components)

###  Health Score

14

—

LowBetter than 1% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity7

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity21

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.

### Community

Maintainers

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

---

Top Contributors

[![amoschou](https://avatars.githubusercontent.com/u/4948673?v=4)](https://github.com/amoschou "amoschou (15 commits)")

### Embed Badge

![Health badge](/badges/amoschou-hyle/health.svg)

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

###  Alternatives

[laravel/dusk

Laravel Dusk provides simple end-to-end testing and browser automation.

1.9k39.6M296](/packages/laravel-dusk)[nineinchnick/edatatables

Grid widget for the Yii Framework, wrapper for the DataTables jQuery plugin

173.2k](/packages/nineinchnick-edatatables)[link-cloud/fast-hyperf

LinkCloud Fast Hyperf

241.2k1](/packages/link-cloud-fast-hyperf)

PHPackages © 2026

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