an Interactive App Framework for HTML5

built with Canvas & JavaScript

iio engine (pronounced 'ee-oh') is a framework that speeds the creation and deployment of HTML5 Canvas applications. The engine has no dependencies and can be interfaced with Box2D. The core platform is open source and free to use for any purpose. A brand new version of iio engine has been released and has been renamed iio.js. Visit iio.js.org for downloads and documentation

Free & Open Source

The download includes minified and production versions of the core iio library. Collaboration and community additions to the engine and its extensions are always encouraged. Submit additions, questions, and bugs on Github. General inquires may be sent to iio inc.

v1.4 features improved syntax
and new optimizations.

Setup is easy, just download
then follow the quick start guide.


Built for Speed and Efficiency

iio was designed to be as lightweight as possible. Objects have a simple mode, to prevent them from carrying any extra weight from unused data. No application is too simple to benefit from utilizing iio.

Only 40KB of Data

The iio Engine is not a bulky framework - its about 1/70th the size of an average mp3 file.


The Future of Application Development

Device support for HTML5 is rapidly increasing and iOS, Android, and Windows 10 already have their own respective HTML5 application stores. Like Mozilla, Google is also betting on the future of web applications with the launch of its new Web based Pixel laptop.

Think about this future - instead of having to constantly monitor your app's functionality across multiple platforms with every new OS change, the creators of those platforms will be scrambling to make their OS's compatible with your app.

Now is the time to invest in HTML5 software... let's get started with iio.

Why HTML5 & JS?

Web applications are inherently cross-platform. Deploy one script, and your users will be able to access your app on all their internet connected devices.

See mobileHTML5 for a current update on HTML5 feature support for web browsers and mobile devices.


The Easiest Way to Work with Box2D

iio attaches a graphics engine to Box2D by giving its Joint and Shape classes new methods and properties. This makes the Box2D workflow easier than ever. Check out this code sample - if you're familiar with Box2D, it should be very exciting. See the iio-Box2D Docs for more info.

//Adding graphics with iio Engine 1.2
io.addObj(world.CreateBody(bodyDef))
   .CreateFixture(fixDef)
   .GetShape()
   .prepGraphics(io.b2Scale)
   .addImage('myImg.png')
   .setStrokeStyle('black',2)
   .setShadow('rgb(150,150,150)',10,10,4);