This episode is optional so you can skip it and go straight to [Ajax Frontend Filters](http://watch-learn.com/video-tutorials/making-websites-october-cms-part-41-ajax-frontend-filters) episode if you don't need any additional styling on your site. I’m doing it only because I  want to make the next episode to look better styling wise, because right now our site could use a bit more styling.

Also you are going to learn how to integrate css framework from nom repository using Laravel Mix.

In this quick episode we are just going to integrate Semantic UI css framework to our October CMS installation.

Semantic UI

At the beginning of this series I [showed you how to use Laravel Elixir](http://watch-learn.com/video-tutorials/making-websites-with-october-cms-part-04-setting-up-laravel-elixir) for your assets pipeline. And in this episode we are going to cover something similar, evolution of Laravel Elixir into Laravel Mix.

Laravel Mix is a wrapper around Webpack that allows you to very easily write Webpack configuration files. In this episode I'm going to show you how to easily set it up for October CMS, I'm also going to show you how to bundle your modules with Webpack and how to use BrowserSync to reload your page every time you make a change.

In this episode we are going to take a look at how you can use Laravel Mix (wrapper around Webpack) to create your asset pipeline in October CMS.