drag and share
  • Twitter
  • Delicious
  • Facebook
  • Digg
  • Reddit
  • Stumbleupon

$fx(), a lightweight javascript animation library

By: OSH Editorial    In: Animations Javascript

Karma - Responsive bootstrapped webapp

$fx() is the really small and pretty flexible library to animate HTML elements. It lets you to alter any CSS property allong time line by passing just simple configuration.

Hello you, if you are new here, you might want to subscribe to our RSS feed for updates on this article and our site.


Morover you can combine effects, group them to the chains and run parallel, also you have ability to set different callbacks what gives you even more flexibility.

First thought you probably got is “Why do I need another js animation library???”, ok, reasonable guess, but let me answer. One day I was working on site which basically was just business card. I needed to run some animation and found out that all js libraries doing this have bigger size that my entire page, so I created my own class which becaome $fx() eventually. It’s not the attempt to compete with existing existing frameworks, but just the library for some different purposes. Most of animation libraries are based on different JavaScript frameworks like jquery or prototype or have pretty big size theirself. So if you want to keep you scripts extremely lightweight and and do not load and run a bunch of extra JavaScript then $fx() fit the best.

See a demo here

Written by: OSH Editorial

No Bio yet...

Share this Story

If you enjoyed reading, consider sharing the love with the rest of the world.

1 Comment


January 22, 2009

Wow this technique is really awesome, jQuery rules!!

Thanks for sharing!

Add Your Comment

Your name

April 23, 2019

We use Gravatars on OpensourceHunter, they are little icons that appear next to your name on this site and on many others. You can get a Gravatar account for free and any other site that supports it will show your avatar too. Get your Gravators account here!