The Holiday Library

Add festive cheer to your website with simple, lightweight holiday overlays

Quick Start

// Add to your HTML
<script src="https://155601-mikey.github.io/The-Holiday-Library/NewYearsOverlay.js"></script>

// Initialize with default settings
const fireworks = new FireworksOverlay();
fireworks.startAnimation();

// Or with custom options
const fireworks = new FireworksOverlay({
    colors: ['#FF0000', '#00FF00', '#0000FF'],
    particleCount: 100,
    gravity: 0.05,
    speed: { min: 3, max: 8 },
    radius: { min: 2, max: 5 },
    interval: 500,
    zIndex: 10000
});
            

Lightweight

Minimal impact on page load times

Customizable

Adjust effects to match your site

Easy to Use

Simple implementation with one line of code

API Documentation

Start Animation

fireworks.startAnimation();

Stop Animation

fireworks.stopAnimation();