Christmas Mode

1.npm install christmas-mode

1.<script src="https://unpkg.com/christmas-mode/dist/christmas-mode.umd.js"></script>

1.import ChristmasMode from "christmas-mode";
2.
3.ChristmasMode.init({ autoEnable: true });

1.ChristmasMode.init({
2.  toggle: true,        // Show toggle switch
3.  musicButton: true,   // Show music button/caroler
4.  autoEnable: false,   // Auto-enable on init
5.  snow: true,          // Enable snow effect
6.  lights: true,        // Enable Christmas lights
7.  tree: true,          // Enable Christmas tree
8.  snowman: true,       // Enable snowman
9.  northPole: true,     // Enable North Pole sign
10.});

1.ChristmasMode.init({
2.  toggle: {
3.    position: "bottom-right", // 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left'
4.  },
5.});

1.import { useEffect } from "react";
2.import ChristmasMode from "christmas-mode";
3.
4.function App() {
5.  useEffect(() => {
6.    ChristmasMode.init({ autoEnable: true });
7.
8.    return () => {
9.      ChristmasMode.destroy();
10.    };
11.  }, []);
12.
13.  return <div>My App</div>;
14.}

1.ChristmasMode.init(options)  // Initialize with options
2.ChristmasMode.enable()       // Show decorations
3.ChristmasMode.disable()      // Hide decorations
4.ChristmasMode.toggle()       // Toggle on/off
5.ChristmasMode.isEnabled()    // Check if active
6.ChristmasMode.playMusic()    // Start Jingle Bells
7.ChristmasMode.stopMusic()    // Stop music
8.ChristmasMode.toggleMusic()  // Toggle music
9.ChristmasMode.destroy()      // Clean up everything

1.ChristmasMode.init({
2.  target: document.getElementById("my-container"),
3.  autoEnable: true,
4.});

1.npm install christmas-mode