Add UIkit 3 to Your Laravel App

If you want to switch Bootstrap to UIkit3, follow the steps mentioned below:

Install UIkit 3:

npm install uikit

Update your app.scss to:

@import url(',400,500');

/* Add some uikit variables if desired */
$global-font-family: 'Roboto', sans-serif;
$base-body-font-weight: 300;
$base-heading-font-weight: 300;

@import "~uikit/src/scss/variables-theme.scss";
@import "~uikit/src/scss/variables.scss";

@import "~uikit/src/scss/mixins.scss";
@import "~uikit/src/scss/mixins-theme.scss";

@import "~uikit/src/scss/uikit.scss";
@import "~uikit/src/scss/uikit-theme.scss";

Update your bootstrap.js and add UIkit after including jQuery:

import Icons from 'uikit/dist/js/uikit-icons';

try {
    window.$ = window.jQuery = require('jquery');

    window.UIkit = require('uikit');
} catch (e) {


You can now remove Bootstrap, if desired.