Bookmarklets

Let it Snow

bookmarklets

The Let it Snow Bookmarklet is a fun and festive visual effect tool.

With one click, this bookmarklet adds a beautiful snowfall animation to any webpage, creating a magical winter atmosphere.

Perfect for adding holiday cheer to your browsing experience or creating a festive mood on any website. The gentle snowfall effect runs smoothly without affecting page performance.

Features of the snow effect:

javascript:(()=>{const e=Math,t=e.random,s=window.document,i=Date.now;class a{constructor(e,t=!0){this._startTime=i(),this._paused=!0,this._pauseTime=i(),this.duration=e,t&&this.start()}get elapsedTime(){return this.isPaused?this._pauseTime-this._startTime:i()-this._startTime}get remainingTime(){return e.max(0,this.duration-this.elapsedTime)}get isPaused(){return this._paused}get isComplete(){return this.elapsedTime>=this.duration}start(){return this._startTime=i()-this.elapsedTime,this._paused=!1,this}reset(){return this._pauseTime=this._startTime=i(),this}pause(){return this._paused=!0,this._pauseTime=i(),this}stop(){return this._paused=!0,this}}const n=s.createElement("canvas"),h=n.style;h.position="fixed",h.left="0",h.top="0",h.width="100vw",h.height="100vh",h.zIndex="100000",h.pointerEvents="none",s.body.insertBefore(n,s.body.children[0]);const r=n.getContext("2d"),d=300,o=20;let l=n.width=innerWidth,c=n.height=innerHeight,p=c+o,u=l+o;const m=15.2,g=s.createElement("canvas"),x=g.getContext("2d"),v=x.createRadialGradient(7.6,7.6,0,7.6,7.6,7.6);v.addColorStop(0,"hsla(255, 255%, 255%, 1)"),v.addColorStop(1,"hsla(255, 255%, 255%, 0)"),x.fillStyle=v,x.fillRect(0,0,m,m);let w=new a(0,!0),T=[],_=new a(0,!0);class y{constructor(){this.x=t()*(l+o),this.y=t()*c,this.size=1*(3*t()+.8),this.speed=.1*e.pow(this.size,2.5)*50*(2*t()+1),this.speed=this.speed<65?65:this.speed,this.scale=this.size/7.6,this.distanceSquared=this.speed*this.speed,this.angle=t()*e.PI/1.3,this.glow=15*this.size,this.vx=0,this.vy=0}draw(){const t=e.atan(this.vx/this.speed);r.save(),r.translate(this.x,this.y),r.rotate(-t),r.scale(this.scale,this.scale*e.max(1,e.pow(this.vy,.7)/15)),r.drawImage(g,-7.6,-7.6),r.restore()}}function f(){T=[];for(let e=0;e<d;e++)T.push(new y)}function z(){n.width=l=innerWidth,n.height=c=innerHeight,p=c+o,u=l+o,f()}f(),s.addEventListener("visibilitychange",(()=>setTimeout(z,100)),!1),s.addEventListener("resize",z,!1),function t(){r.clearRect(0,0,l,c),r.fill(),requestAnimationFrame(t);const s=.001*w.elapsedTime;w.reset();const i=5e-4*_.elapsedTime;for(let t=0;t<T.length;t++){const a=T[t];a.vx=e.sin(i+a.angle)*a.glow,a.vy=e.sqrt(a.vx*a.vx+a.distanceSquared),a.y+=a.speed*s,a.x+=a.vx*s,a.y>p&&(a.y=-20),a.x>u&&(a.x=-20),a.x<-20&&(a.x=u),a.draw()}}()})();
Drag me to bookmark bar: 👉🏻 Let it Snow

Why Use the Let it Snow Bookmarklet?

This delightful tool instantly transforms any webpage into a winter wonderland. Perfect for holiday season browsing, creating festive screenshots, or just adding some fun to your daily web surfing. Simply click once to start the snow, and click again to stop. Works seamlessly on all major browsers without affecting website functionality.

info icon

Click the bookmarklet again to make the intensity of the snowfall effect stronger.