🎆 New Year's Fireworks

Realistic fireworks with rocket trails, colorful explosions, sparkle effects, and particle physics

Click the button above to see the fireworks!

Quick Start

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

// Initialize and start fireworks
const fireworks = new FireworksOverlay();
fireworks.startAnimation();

// Or customize it
const fireworks = new FireworksOverlay({
    colors: ['#FF0000', '#00FF00', '#0000FF', '#FFD700'],
    particleCount: 100,
    interval: 500,
    trailLength: 5,
    sparkle: true,
    rocketTrail: true
});
fireworks.startAnimation();

// Stop fireworks
fireworks.stopAnimation();
            

API Options

Basic Usage

const fw = new FireworksOverlay();
fw.startAnimation();
fw.stopAnimation();
fw.toggle();
                    

Visual Options

new FireworksOverlay({
    colors: ['#FF0000', '#FFD700'],
    particleCount: 100,
    trailLength: 5,
    sparkle: true,
    rocketTrail: true
});
                    

Time-Based Scheduling

const fw = new FireworksOverlay({
    startTime: '23:00',
    endTime: '01:00'
});
fw.startAnimation();
                    

Auto-Stop Timeout

new FireworksOverlay({
    timeout: 30000 // 30 seconds
});
                    