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.
- GitHub: https://github.com/titon/toolkit
- Website: http://titon.io/en/toolkit
- Docs: http://titon.io/en/toolkit/1.2.1/
- Demos: http://demo.titon.io/
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: http://titon.io/slides/what-is-toolkit.pdf (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!