MelonHTML5 - Royal Preloader - CodeCanyon Item for Sale



Royal Preloader gives you the ability to preload assets in a loading screen and display the website instantly once it finishes preloading. It comes with 8 pre-designed loaders, full API options to config it to suit your needs and is super easy to install. All web browsers and mobile devices are also fully supported.

Please give it quick rating if you like this. If you have any suggestions/feature request or you find a bug, you are more than welcome to contact me and I’ll address them ASAP.

Live Demo


Preloading Website Images
Preload images in a loading screen and display then entire site instantly.

Auto Detecting Cached Images
Cached or invalid images are automatically detected. No extra requests will be made on cached images.

Preload images used in CSS or AJAX contents
Not only IMG tags, but also any images used in CSS or AJAX contents can be preloaded by manually setting them.

Percentage mode, Plain Text mode and Logo Mode
3 different modes. Percentage mode displays all the details (percentage, image name…etc); Plain Text mode displays a line of text and fades out from left to right while loading; Logo mode lets you put a logo to the screen center and fade it in while loading.

8 Pre-Designed Loaders
8 pre-designed image loaders are included and you can easily change to use your own loader.

Displaying Loading Details on each image load
Each image could be give a name which will be displayed on load.

Multiple Background Transition
Giving multiple backgrouns allows the loader transit from one backgorund colour to another during load. Unlike other fake loaders, Royal Preloader knows when an image is loaded, and therefore background transits when one image finishes loading.

Enabling the cookie option make the loader only shows once for new visitors. Cooke can be easily removed or reset in options.

Fully Customizable
Plengty of API methods are given, which allows you to config the loader to suit your own needs.

Easy to Install
No complex HTML or JS code are needed. Just include the files, and that’s it.

CSS3 animations + jQuery Fallback for IE
All animations are written in pure CSS3 for mordern browsers for better performance. And old IEs will get jQuery Fallback.

Mobile Device Support
Works 100% on any mobile devices including phones, tablets and so on.

Free support & frequent updates Feel free to contact me if you have any problems in using it, and I will response as soon as I can.


v1.09 @ 28 Aug 2014
  • New option: Cookie
v1.08 @ 26 Aug 2014
  • Added ability to set logo size via options
  • Improved how loader gets added to page mainly for some slow heavy wordpress sites
  • Added more examples and updated documentation.
v1.07 @ 22 February 2013
  • Allow people set set a callback function when loading is complete.
  • Included the unminified version
v1.06 @ 06 March 2013
  • Added a new “logo” mode.
v1.05 @ 05 Feb 2013
  • Added a new “text” mode.
v1.04 @ 28 Jan 2013
  • Added the option to turn percentage on or off
v1.03 @ 22 Jan 2013
  • Updated code to be fully compatible with jQuery 1.9
v1.02 @ 18 Jan 2013
  • Added ability to set opacity on loading background
v1.01 @ 09 Jan 2013
  • Added ability to set multiple backgrounds which transits from one to another during loading
  • Performance improvements for IE7, 8 9.
v1.00 @ 05 Jan 2013
  • Initial release

Real World Usage:
If you wish (or don’t wish) your site to be listed here please send me an email.