WordPress plugin
A New Year mode for your site
Snow that drifts with the cursor’s wind, snow caps that grow on buttons and headings and fall off on hover, a garland under the menu and a snowdrift with a snowman at the bottom. Visitors turn it on with a bauble button, and the season comes back every year by itself.
Try it right here
The plugin works on this page exactly as it does on a real site.
- Click the button below or the bauble in the bottom left corner.
- Move the cursor: the wind will carry the snow.
- Hover over a button or a card and the snow cap falls off. A click on a bulb changes the garland mode.
What it does
Snow with wind
Snowflakes drift sideways as you move the cursor.
Snow caps
Grow on buttons, headings and cards and fall off on hover.
A garland
Under the menu or at the top of a section. A click on a bulb changes the twinkle mode.
A snowdrift with a snowman
A snowman peeks out at the end of the page.
Sparkles behind the cursor
A light trail of glitter.
A Santa hat
Made for the eye banner on symonenko.com: I can adapt it to your logo or hero.
Settings
Its own page in the WordPress admin, no code.
- Mode
- off · button in season · on in season · button all year
- Season
- 1 December – 14 January or your dates, every year
- Effects
- each one turns on separately
- For videos and demos
- ?newyear=1 turns it on, ?newyear=0 off
Under the hood
Vanilla JavaScript with no libraries or dependencies.
- Page caching
- the season is checked in the browser
- Speed
- caps are measured in one pass without extra layout recalculation; animation sleeps in a background tab
- Works with Halloween
- the buttons don’t overlap
- Themes
- all effects on UIkit themes (YOOtheme); on others some of them, I adapt the rest
Questions
Won’t the snow get in the way of reading?
The snowflakes are small and semi-transparent, and clicks pass through them. Visitors turn the mode off with the same bauble.
And on a phone?
It works, with fewer snowflakes to save battery.
Can the garland have my colours?
Yes, colours and the twinkle rhythm can be set.
Want this plugin on your site?
I’ll install it, match it to your theme and brand, or build a seasonal mode for your holiday.
Other plugins