Last Updated: February 25, 2016
· milesj

Titon Toolkit, the front-end UI library for the responsive, mobile, and modern web

For the past few years I've been working on a front-end library that provides a highly extensible configuration over convention approach compared to other popular libraries. The project originally started as a MooTools equivalent to Twitter Bootstrap, but has grown into a robust library that includes jQuery alongside MooTools. Toolkit is also built with Sass, Compass, and Grunt.

I don't want to get into too many details, as that information can be found on the official website, but the following philosophies were taken into account while developing Toolkit.

  • Mobile-first
  • Responsive
  • Fluid
  • HTML5
  • CSS3
  • Semantic
  • Transitions & Animations
  • Em & rem scaling

But why use Toolkit over Foundation or Bootstrap? The following slides help answer that: (based on v1.1). Or simply look at the following list:

  • Styleless CSS - Only basic structuring styles are defined, no aesthetics.
  • Configurable JS - More customizable component options than competitors.
  • Extensible markup.
  • Robust JS component system.
  • BEM CSS naming scheme.
  • Modular architecture with custom build support.
  • Easier customization and integration.
  • Namespacing and conflict resolution support.
  • More components.
  • Smaller CSS and JS filesizes.
  • Progressive enhancement and graceful degradation.

We've been using Toolkit at my employer for the past month with great success. I felt the time was right to finally push this out to the public, so any questions, comments, or feedback would be greatly appreciated!

Titon Toolkit

Have a fresh tip? Share with Coderwall community!

Post a tip