PHPackages                             skoellen/mix-designer - 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. skoellen/mix-designer

AbandonedArchivedProject

skoellen/mix-designer
=====================

Basic scaffolding for a laravel mix ready app

1.0.5(6y ago)036[20 PRs](https://github.com/skoellen/mix-designer/pulls)MITHTML

Since Mar 7Pushed 3y ago1 watchersCompare

[ Source](https://github.com/skoellen/mix-designer)[ Packagist](https://packagist.org/packages/skoellen/mix-designer)[ RSS](/packages/skoellen-mix-designer/feed)WikiDiscussions master Synced today

READMEChangelog (3)Dependencies (5)Versions (27)Used By (0)

Mix Designer - For building your frontend
=========================================

[](#mix-designer---for-building-your-frontend)

Mix Designer is a static micro project *for development* with simplest routing, templates and modern asset management.

This scaffolding is our way of quickly *getting something real* during frontend development. You can develop within the project and transfer your emerging Javascript, Sass (or Less etc.) files and also your Blade templates to your next Laravel project with ease.

For frontend development we wanted to simplify installation and setup even more, but don't miss the features we are already working with.

1. Install Mix designer with composer
2. Install npm dependencies
3. Register your routes in `routes.yaml`
4. Get started with your assets in `resources/` and with `webpack.mix.js`

**Includes**

- [Laravel Mix](https://github.com/JeffreyWay/laravel-mix)
- [Blade standalone](https://github.com/jenssegers/blade)
- Symfony components for routing, http, yaml loading

Installation
============

[](#installation)

You can install the Mix Designer for a new project with:

```
composer create-project skoellen/mix-designer new-project
```

Install dependencies with

```
npm install
```

Add your repository
-------------------

[](#add-your-repository)

In order to collaborate with Mix designer you can add your own git repository and push it to your source code hoster.

Usage
=====

[](#usage)

Mix designer uses [Laravel Mix](https://github.com/JeffreyWay/laravel-mix) for asset management.

Use the api of Laravel Mix and customize Mix Designer structure to your needs.

Some commands to run mix
------------------------

[](#some-commands-to-run-mix)

```
# Asset compilation in development mode
npm run dev

# Watch files for changes and run compilation
npm run watch

# Compile files for production
npm run production
```

Example
-------

[](#example)

You can put your Sass `app.scss` file inside of `resources/sass/`. Within your `webpack.mix.js`:

```
// ...
mix.sass('src/sass/app.scss', 'public/css/');
```

This will basically get your sass file and compile it into a browser ready css file `public/css/app.css` and can be included in your templates.

License
=======

[](#license)

MIT - See license file

###  Health Score

29

—

LowBetter than 60% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity7

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity70

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

Every ~28 days

Total

6

Last Release

2479d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/8ac64f5d1b26c18aae91167c2f346f762d1b2d9ab0bc3ec1bfd5d473415ae8f9?d=identicon)[skoellen](/maintainers/skoellen)

---

Top Contributors

[![skoellen](https://avatars.githubusercontent.com/u/9393306?v=4)](https://github.com/skoellen "skoellen (25 commits)")

### Embed Badge

![Health badge](/badges/skoellen-mix-designer/health.svg)

```
[![Health](https://phpackages.com/badges/skoellen-mix-designer/health.svg)](https://phpackages.com/packages/skoellen-mix-designer)
```

###  Alternatives

[sylius/sylius

E-Commerce platform for PHP, based on Symfony framework.

8.4k5.6M651](/packages/sylius-sylius)[simplesamlphp/simplesamlphp

A PHP implementation of a SAML 2.0 service provider and identity provider.

1.1k12.4M193](/packages/simplesamlphp-simplesamlphp)[shopware/platform

The Shopware e-commerce core

3.3k1.5M3](/packages/shopware-platform)[sulu/sulu

Core framework that implements the functionality of the Sulu content management system

1.3k1.3M152](/packages/sulu-sulu)[prestashop/prestashop

PrestaShop is an Open Source e-commerce platform, committed to providing the best shopping cart experience for both merchants and customers.

9.0k15.4k](/packages/prestashop-prestashop)[contao/core-bundle

Contao Open Source CMS

1231.6M2.4k](/packages/contao-core-bundle)

PHPackages © 2026

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