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. [Utility & Helpers](/categories/utility)
4. /
5. skoellen/mix-designer

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

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 2w ago

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 57% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity7

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity71

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

2528d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/9393306?v=4)[skoellen](/maintainers/skoellen)[@skoellen](https://github.com/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

[symfony/framework-bundle

Provides a tight integration between Symfony components and the Symfony full-stack framework

3.6k246.0M11.1k](/packages/symfony-framework-bundle)[sulu/sulu

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

1.3k1.4M196](/packages/sulu-sulu)[shopware/core

Shopware platform is the core for all Shopware ecommerce products.

585.4M524](/packages/shopware-core)[prestashop/prestashop

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

9.1k16.8k](/packages/prestashop-prestashop)[open-dxp/opendxp

Content & Product Management Framework (CMS/PIM)

9317.2k55](/packages/open-dxp-opendxp)[netgen/layouts-core

Netgen Layouts enables you to build and manage complex web pages in a simpler way and with less coding. This is the core of Netgen Layouts, its heart and soul.

3691.3k16](/packages/netgen-layouts-core)

PHPackages © 2026

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