Get Happy Diwali JavaScript Diwali Wishing Source Code with Demo

By Saruque Ahamed Mollick
Happy Diwali JavaScript Source Code

This post is not like the other posts of this site. Today I am here to give you something cool. I hope you all going to like it. Diwali is a very famous festival and I am here to give you a JavaScript Happy Diwali source code.

So This post is all about how I made it and the download link and the live preview link of my Diwali wishing JavaScript script.

See the Demo From Here https://www.codespeedy.com/demophp/diwali/



Download the product from here:

Download Diwali Script

For Indian users Download through instamojo

Happy Diwali JavaScript Diwali Wishing Script

This is not only JavaScript code. The major parts are JavaScript, CSS, and HTML5. I have used all of them as well as canvas.

 

See the Demo From Here https://www.codespeedy.com/demophp/diwali/

This is the mobile view of this script:

 

 

screenshot of diwali script with javascript

The functionality of this script:

  1. Fireworks with a variety of features which you can be controlled by changing the values of the variables in the main.js file and you can do lot more.
  2. You can control the speed of the fireworks and radius and other properties as well.
  3. You gonna have moving background stars which I have used earlier in 3D Photo/Image Gallery (on space) Using HTML5 CSS JS
  4. Countdown of Diwali festival. ( Countdown to see how many days hours minutes and seconds left be held the festival )
  5. Wishing text with the name of the visitor with a cool font.
  6. Space for adding extra text or any HTML element. Even you can monetize with AdSense or other ad networks.
  7. Works on Mobile as well as PC well.

Download the product from here:

Download Diwali Script

You can use this product as the Happy new year Script too.

To get more features or custom modification you may feel free to contact us. We are also on facebook.

 

How to use this happy Diwali JavaScript Product

In this product, you need to follow the below things to work with it. It is very easy.

I have separated fireworks functionality and properties in the main.js file.

Styles are included in the index.html file, You might be thinking that why I have done so. The answer is that it’s index file is not so large so it’s fine to work and modify the styles from the index file.

Next, the Index file is basically containing two parts. One is for the fireworks canvas and another one is for the moving stars in the background. The moving stars are in the container class. So you can add text or any HTML element here.

 

In the demo, I have used some names and texts. You can easily remove those or modify those as per your wish.

( Some codes are collected from codepen public codes and are modified to make it looks better )

Leave a Reply

Your email address will not be published. Required fields are marked *