Discover what’s included in Courseplus Design System, including our precompiled and source code flavors.

Precompiled Courseplus

Coursplus-website-ui-kit/
├── assets/
├── admin/
├── default/
├── horizontal/
├── instructor/
├── students/
                            

This is the most basic form of Courseplus: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (Courseplus.*), as well as compiled and minified CSS and JS.

CSS files

Courseplus comes with both minified and expanded versions of CSS. It already includes the latest version of Tailwind - v2.2.5.

Flex-website-ui-kit/
assets/
├── css/
│   ├── style.css
│   ├── tailwind.css
│   ├── uikit.css
└── scss/
    ├── elements/
    ├── features/
    ├── icons/
    ├── layout/
    ├── vendor/
    ├── variables.css
    ├── style.css
    ├── docs.css
    ├── custom.css
    ├── icons.css
    ├── dark.css 


                            

JS files

Courseplus comes with both minified and expanded versions of JS. It includes the bundled version Uikit.js that contains Uikit framework and a few other important files that are required in the entire theme. These are compiled automatically when running the Laravel Mix or Gulp commands.

The bundled scripts are:

Courseplus-website-ui-kit/
assets/
└─── js/
    ├── https://code.jquery.com/jquery-3.6.0.min.js 
    ├── uikit.js
    ├── tippy.all.min.js
    ├── simplebar.js
    ├── custom.js
    ├── aksfileupload.js 
    ├── bootstrap-select.min.js 
    ├── https://unpkg.com/ionicons@5.2.3/dist/ionicons.js