sQwares.js

Animated div squares that can be customized to do whatever you like...

Choose a Number

four

nine

sixteen

twenty-five

thirty-six

fourty-nine

Customize sQwares

counter-clockwise

speed

colors

rotations

circles

inverse

restrict animations

click or hover

Get Started

Just add your ID hook to a div.

<div id="sq-hook"></div>

Create a new Square and call createSquares.

var newSquare = new Square({hook:"sq-hook"})
newSquare.createSquares();