quietflow.js

A jQuery library for creating beautiful dynamic or static visual effects.


$("body").quietflow({
  theme : "squareFlash",
  squareSize : 20,
  maxRed : 255,
  maxGreen : 40,
  maxBlue : 100,
  speed : 80
})

$("body").quietflow({
  theme : "vortex",
  miniRadii : 40
})

$("body").quietflow({
  theme : "bouncingBalls",
  specificColors : [
    "rgba(255, 10, 50, .5)",
    "rgba(10, 255, 50, .5)", 
    "rgba(10, 50, 255, .5)", 
    "rgba(0, 0, 0, .5)"
  ]
})

$("body").quietflow({
  theme         : "shootingLines",
  backgroundCol : "#141C26",
  lineColor     : "#05E0E0",
  lineGlow      : "#00ff00"
})

$("body").quietflow({
  theme : "simpleGradient",
  primary : "#B066FE",
  accent : "#63E2FF"
})

$("body").quietflow({
  theme : "starfield"
})

$("body").quietflow({
  theme : "layeredTriangles"
})

$("body").quietflow({
  theme : "cornerSpikes",
  backgroundCol : "#34495E",
  specificColors : [
    "#009245", 
    "#FCEE21"
  ]
})

$("body").quietflow({
  theme : "floatingBoxes",
  specificColors : [
    "rgba(46, 204, 113, .5)", 
    "rgba(52, 152, 219, .5)", 
    "rgba(231, 76, 60, .5)", 
    "rgba(155, 89, 182, .5)", 
    "rgba(241, 196, 15, .5)"
  ],
  boxCount : 500,
  backgroundCol : "#34495E"
})