Pre-Loader

It is very easy to define a preloader in Yugal.JS. Just open index.html and create preloader in

<div id="yugal-root"></div>

Code inside this div will be visible to user until Yugal runs the initial page.

Example:

<div id="yugal-root">
    <h2>
        Loading...
    </h2>
</div>

Don't create a resource hungry preloader, as until preloader will load, Yugal will take charge itself. For example, try to avoid images or videos.