Fluid : Designing Software that works - For everyone.

Fluid Infusion 1.4 1.4

Fluid Infusion: Beyond A Great User Experience.

We think good interfaces should be easy to use and easy to build. Infusion takes the pain out of developing accessible, high performance, clean and nimble front-ends for applications that want to do more. Our approach is to leave you in control - it's your interface, using your markup, your way.

Developed by an international group of software developers and interaction designers, Fluid Infusion combines JavaScript, CSS, HTML and user-centered design, rolling them all into a single package that sits on top of the popular jQuery toolkit. Infusion includes ready-to-use components as well as a framework to build your own.

Once you're using Infusion, we work to ensure that upgrading is pain-free with backwards compatibility, support for multiple versions, and the APIs are rock solid with thorough documentation.

Why choose Infusion?

There are a lot of JavaScript libraries, toolkits and frameworks to choose from. Infusion does things a little differently than most other frameworks:

  • Flexible markup ensures you're free to change component designs as you see fit, without worrying about breaking JavaScript code
  • Infusion uses a powerful events system to notify your code when something has happened, so that you can take interactions even further
  • No black boxes: everything in Infusion is designed to be modified, reworked, and adapted to suit your needs
  • Ideal for portals, mashups, and content management systems: Infusion is fully namespaced and plays nice with other code
  • Infusion comes with a lightweight and convenient CSS library to help you quickly flesh out your layouts

Fluid's Approach

We use a multi-pronged approach to develop code that works for everyone. Designers work alongside developers to deliver solid components. Fluid takes advantage of extensive user testing, iterative design techniques, community feedback, agile development, and proven design patterns to come up with solutions that work.

The Community

Talk directly with the people who make the software. Ask questions - get answers right away. Encouragement and growth are key to making the web a better place, and this is what we strive to do. So jump in, introduce yourself, maybe even contribute some code - we're happy to see you.

The Components

Juice up your user experience with drag-and-drop, inline editing, smart paging, and much more. Infusion features a library of full-featured and highly configurable components, all of which support full keyboard accessibility out of the box and work alongside jQuery UI to be as lean as possible.

Built for You

Let your creativity shine through. Infusion uses templates to create the UI, which means your markup can be flexible. Support for most A-Grade browsers is just the beginning - assistive technology like screen readers are tested extensively with our codebase. We've got you covered.

Open Source

The Infusion Framework is available for download and is open to use and modify however you like. Infusion is released under both the ECL 2.0 and BSD licenses. We would be thrilled if you shared your changes back with the community.

Let's get started.


Fluid is a project of the Inclusive Design Research Centre, OCAD University,
funded by a grant from The Andrew W. Mellon Foundation.
© the fluid project, 2010
Browser testing tools provided by BrowserStack. Content delivery provided by CacheFly.