ComfyUI Extension: ComfyUI Christmas Theme ๐ŸŽ„โœจ

Authored by AEmotionStudio

Created

Updated

43 stars

A beautiful theme extension for ComfyUI that adds festive touches with dynamic backgrounds, snowfall effects, and animated node connections

Custom Nodes (0)

    README

    <div align="center">

    ๐ŸŽ„ ComfyUI Christmas Theme โœจ

    Transform your ComfyUI workspace into a winter wonderland

    ComfyUI Dependencies License Version

    ComfyUI Christmas Theme Overview

    Dynamic backgrounds โ€ข Animated snowfall โ€ข Festive node connections โ€ข Interactive mouse effects

    </div>

    ๐Ÿ“ข Latest Update โ€” December 30, 2025

    ๐ŸŽ‰ New Year's Live Celebration v1.2.0

    A massive update introducing a physics-based particle engine, interactive effects, and a synchronized New Year's finale.

    | New Feature | Description | |-------------|-------------| | โœจ 21 Mouse Effects | Physics-based particle system with 21 unique interactive trails including Sparklers, Confetti, and Magic Wands. | | ๐Ÿ”— 3 New Link Effects | Candy Cane stripes, icy Frost Trail, and flowing Aurora animations for node connections, plus new icicle-shaped bulbs. | | ๐ŸŽŠ Live Countdown | Dynamic timer that auto-targets the New Year with a pulsing "Celebration Mode" anticipation phase. | | ๐Ÿคซ Surprise Finale | A spectacular, multi-stage 6-layer coordinated show triggered exactly at midnight. No spoilers! | | ๐Ÿชฉ Rave Mode | "Party Mode" setting that transforms background stars into a strobing disco light show. | | ๐ŸŽจ Visual Core 2.0 | Replaced emoji art with crisp SVG rendering for Snowflakes and Stars, plus new atmospheric Nebula clouds. | | ๐ŸŽ Sidebar Panel | Quick-access Christmas Theme settings tab in the ComfyUI sidebar with festive styling. |

    โœจ Interactive Effect Library

    Fully modular physics system with unique friction, gravity, and spawn behaviors:

    | | | | | |---|---|---|---| | โœจ Sparkler | โ„๏ธ Snowflake | ๐ŸŽŠ Confetti | โญ Stardust | | โ˜„๏ธ Comet | ๐ŸŒŒ Aurora | ๐ŸŽ€ Ribbon | ๐Ÿ’Ž Crystal | | ๐ŸŒธ Petals | ๐ŸŽ Gifts | ๐Ÿฌ Candy | ๐Ÿ”ฎ Magic Orb | | โœจ Magic Wand | ๐ŸŒŸ Nova | ๐Ÿ’ง Bubbles | ๐Ÿ”ฅ Embers | | โšก Lightning | ๐Ÿ‚ Leaves | ๐Ÿ’ซ Wishes | ๐ŸŽต Notes | | ๐Ÿ’– Hearts | | | |


    ๐Ÿ“ข Previous Update โ€” December 25, 2025

    ๐Ÿš€ Performance Overhaul v1.1.0

    Major performance optimizations and bug fixes for a smoother experience:

    | Change | Description | |--------|-------------| | โšก Adaptive Performance | Auto-adjusts visual quality based on your FPS (3 tiers: normal/warning/critical) | | ๐Ÿ”ง Settings API Fix | Eliminated ~367,000 console deprecation warnings | | ๐ŸŽฏ Visibility Detection | Automatically pauses animations when tab is hidden | | ๐Ÿงน Pure DOM Snowflakes | Removed React dependency for lighter, faster snow effects | | ๐Ÿ“ฑ Device-Aware | Snowflake count adapts to device capability (25-60 flakes) | | ๐ŸŽจ Gradient Caching | Background themes now cache gradients for faster rendering | | ๐Ÿ”ข Sin Lookup Table | Pre-computed trigonometry for twinkle effects | | โ™ป๏ธ Object Pooling | Reuses memory allocations to reduce garbage collection |


    โœจ Features

    <table> <tr> <td width="50%">

    ๐ŸŽ„ Christmas Node Links

    Node Link Animations

    • Animated light effects along connections
    • 6 color schemes: Traditional, Warm White, Cool White, Multicolor, Pastel, New Year's Eve
    • 6 animation styles: Steady, Gentle Twinkle, Sparkle, Candy Cane, Frost Trail, Aurora Flow
    • Icicle-shaped bulbs with adjustable size and glow
    • Multiple link styles (spline, straight, linear, hidden)
    </td> <td width="50%">

    โ„๏ธ Snowfall Effect

    Snowfall Effect

    • 8 unique SVG snowflake designs with JS animation
    • 5 color options: White, Ice Blue, Rainbow, Match Theme, New Year's
    • Adjustable glow intensity
    • GPU-accelerated rendering
    • Auto-scales based on device performance
    </td> </tr> <tr> <td width="50%">

    ๐ŸŒŒ Dynamic Backgrounds

    Background Themes

    • Animated starry night sky with nebula clouds
    • 6 atmospheric themes:
      • ๐ŸŒŒ Classic Night
      • ๐ŸŽ„ Christmas Forest
      • ๐Ÿฌ Candy Cane Red
      • โ„๏ธ Frost Night
      • ๐Ÿช Gingerbread
      • ๐ŸŒ‘ Dark Night
    </td> <td width="50%">

    โœจ Interactive Mouse Effects

    Interactive Mouse Effects

    • 21 unique particle effects with physics simulation
    • Sparklers, Confetti, Stardust, Aurora, and more
    • Each effect has unique friction, gravity, and spawn behaviors
    • Fully GPU-accelerated with object pooling
    </td> </tr> <tr> <td width="50%">

    ๐ŸŽ† New Year Celebration

    • Live countdown timer to midnight
    • Professional fireworks display with 6 explosion types
    • Multi-stage finale triggered at 00:00:00
    </td> <td width="50%">

    โšก Performance Features

    • Adaptive quality โ€” auto-reduces effects when FPS drops
    • Smart pausing โ€” animations freeze during workflow execution
    • Tab detection โ€” pauses when browser tab is hidden
    • Device-aware โ€” adjusts to hardware capabilities
    • Object pooling โ€” minimizes memory allocation
    • Cached gradients โ€” avoids recreating colors each frame
    </td> </tr> </table>

    ๐Ÿ“ฆ Installation

    Option 1: ComfyUI Manager (Recommended)

    Search for "Christmas Theme" in ComfyUI Manager and click Install.

    Option 2: Git Clone

    cd ComfyUI/custom_nodes
    git clone https://github.com/AEmotionStudio/ComfyUI-ChristmasTheme
    

    โš™๏ธ Settings

    All settings are accessible via ComfyUI Settings โ†’ Christmas Theme

    <details> <summary><b>๐ŸŽ„ Christmas Effects</b></summary>

    | Setting | Options | Default | |---------|---------|---------| | Christmas Lights | On / Off | On | | Color Scheme | Traditional, Warm White, Cool White, Multicolor, Pastel, New Year's Eve | Traditional | | Light Effect | Steady, Gentle Twinkle, Sparkle, Candy Cane, Frost Trail, Aurora Flow | Gentle Twinkle | | Light Size | 1 - 10 | 3 | | Glow Intensity | 0 - 30 | 20 | | Flow Direction | Forward / Reverse | Forward | | Link Style | Spline, Straight, Linear, Hidden | Spline |

    </details> <details> <summary><b>๐ŸŒŒ Background Theme</b></summary>

    | Setting | Options | Default | |---------|---------|---------| | Background Effect | On / Off | On | | Color Theme | Classic Night, Christmas Forest, Candy Cane Red, Frost Night, Gingerbread, Dark Night | Classic | | Shooting Stars | On / Off | On | | Background Stars | On / Off | On | | Party Mode | On / Off (Rave Stars) | Off | | Fireworks | On / Off | Off | | Mouse Trail Effect | None, Sparkler, Snowflake, Confetti, Stardust, Comet, Aurora, Ribbon, Crystal, Petals, Gifts, Candy, Magic Orb, Magic Wand, Nova, Bubbles, Embers, Lightning, Leaves, Wishes, Notes, Hearts | None | | New Year Countdown | On / Off | Off |

    </details> <details> <summary><b>โ„๏ธ Snow Effect</b></summary>

    | Setting | Options | Default | |---------|---------|---------| | Snow Effect | On / Off | On | | Snowflake Color | White, Ice Blue, Rainbow, Match Theme, New Year's | White | | Snowflake Glow | 0 - 20 | 10 |

    </details> <details> <summary><b>โšก Performance</b></summary>

    | Setting | Options | Default | |---------|---------|---------| | Pause During Render | Enabled / Disabled | Enabled |

    </details>

    ๐Ÿ”ง Technical Details

    | Component | Technology | |-----------|------------| | Snowflakes | Pure DOM + CSS animations (GPU-accelerated) | | Background | Canvas 2D with gradient caching | | Node Links | Canvas override with adaptive rendering | | Settings | Centralized cache with onChange callbacks |

    Performance optimizations include:

    • O(1) frame time averaging
    • Pre-allocated object pools
    • Sin lookup tables for animations
    • Page Visibility API integration
    • Device capability detection

    ๐Ÿค Contributing

    Contributions are welcome! Whether it's bug reports, feature suggestions, or pull requests, your help is appreciated.


    ๐Ÿ”— Connect with ร†motion (Developer)

    โ˜• Support

    If you find this project useful, here are some ways to show your support:

    • โญ Star this repo โ€” It helps others discover the project!
    • ๐Ÿ“ข Share it โ€” Tell your friends, post on social media, or write about it
    • ๐Ÿ› Report bugs โ€” Found an issue? Let me know!
    • ๐Ÿ’ก Suggest features โ€” Ideas are always welcome

    If you'd like to support development financially:

    ko-fi

    Your support helps dedicate more time to maintaining and improving this project and other projects, developing new features, and creating better documentation and tutorials.


    <div align="center">

    Happy Holidays and a Happy New Year! ๐ŸŽ„

    </div>