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 today

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 2% 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/telescope

An elegant debug assistant for the Laravel framework.

5.2k67.8M191](/packages/laravel-telescope)[spiral/roadrunner

RoadRunner: High-performance PHP application server and process manager written in Go and powered with plugins

8.4k12.2M84](/packages/spiral-roadrunner)[nolimits4web/swiper

Most modern mobile touch slider and framework with hardware accelerated transitions

41.8k177.2k1](/packages/nolimits4web-swiper)[laravel/dusk

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

1.9k36.7M256](/packages/laravel-dusk)[laravel/prompts

Add beautiful and user-friendly forms to your command-line applications.

708181.8M592](/packages/laravel-prompts)[cakephp/chronos

A simple API extension for DateTime.

1.4k47.7M121](/packages/cakephp-chronos)

PHPackages © 2026

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