Flurry Example

Click the buttons below to see examples of Flurry in action.


This uses the default options.


This uses custom options for a more intense snow effect (with snowmen!):

$('body').flurry({
  character: ["❄", "❅", "❆", "*", "⛄", "🥶", "🎄", "🎅"],
  height: 240,
  speed: 1400,
  wind: 200,
  windVariance: 220,
  frequency: 10,
  large: 40,
  small: 4
});

This uses custom options to create a "confetti" effect:

$('body').flurry({
  character: ["~"],
  color: ["#55476A", "#AE3D63", "#DB3853", "#F45C44", "#F8B646"],
  speed: 2000,
  height: 480,
  frequency: 60,
  small: 12,
  large: 50,
  rotation: 90,
  rotationVariance: 20,
  startRotation: 90,
  wind: 10,
  windVariance: 100,
  opacityEasing: "cubic-bezier(1,0,.96,.9)"
});

This uses custom options to create custom “snowflakes” with Font Awesome:

// Load Font Awesome from CDN dynamically; probably not needed if you are already using it for other icons on your page
$('head').append('<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/js/all.min.js" integrity="sha512-GWzVrcGlo0TxTRvz9ttioyYJ+Wwk9Ck0G81D+eO63BaqHaJ3YZX9wuqjwgfcV/MrB2PhaVX9DkYVhbFpStnqpQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />');

// Flurry
$('body').flurry({
  character: [""],
  height: 640,
  onFlake: function () {
    $(this).html("<i class='fa-regular fa-sun'></i>");
  },
});