Have you ever thought on how to get the Siri wave effect on your website or mobile app?

SiriWaveJS is a library that easily allows you to get this effect.

Embed the script... and Surf!

<div id="siri-container"></div>
<script src="/path/to/your/siriwave.js"></script>
<script>
var siriWave = new SiriWave({
	container: document.getElementById('siri-container'),
	width: 640,
	height: 200
});
</script>

The DOM container where the canvas to draw the wave is added.

The speed of the wave.

The noise (amplitude) of the wave.

The noise (amplitude) of the wave.

The color of the wave, in hexadecimal form (#336699, #FF0)

Start the animation

Stop the animation.

• The Capitol - The Official Government of Panem (Hunger Games Mockingjay Part 1 website)
• http://blog.kidliaa.com/demo/siri%20wave/