lightrope.js

Add some animated Christmas light to your website. No effort required. Vanilla JS

Usage no npm install needed!

<script type="module">
  import lightropeJs from 'https://cdn.skypack.dev/lightrope.js';
</script>

README

LIGHTROPE.js

Add some animated Christmas light to your website. No effort required.

image

INSTALLATION

  • Insert this tag at the end of your website's html code (before the </body> tag):

<script src="https://cdn.jsdelivr.net/npm/lightrope.js/lightrope.js"></script>

  • It's done. Merry Christmas!

OPTIONAL

If you have a light background you might want to add some darker shadow behind the lightbulbs... there's an option for that too. <script src="https://cdn.jsdelivr.net/npm/lightrope.js/lightrope.js?darkShadow=1"></script>

It looks like this image

NOTES

The CSS file is automatically loaded, so you don't need to manually insert it in your html code.

Please note that I didn't write the full CSS itself, I've found it somewhere in the web and packaged in an easy to use fashion: just load the js file, and it will inject all the needed HTML and CSS.