Cascade Framework - Putting back the C in CSS

Cascade Framework - Putting back the C in CSS

Released 5 years ago , Last update 5 years ago

Component based client framework for building web UI quickly with feature focused HTML, CSS and Javascript. Full support for modern and older browsers.

Cascade Framework 1.0

Once you start using Cascade Framework, you never want to go back again.

Although the overall look and feel are most definitely inspired by Twitter Bootstrap, Cascade framework is not just another Bootstrap clone. Where Twitter Bootstrap puts its focus on delivering shiny user elements that can be dropped into any project and takes control of your project's overall look-and-feel, Cascade Framework is intended to do the opposite. By splitting your CSS into seperate files based on features rather than selectors as well as by implementing a modifier design pattern inspired by SMACCS and OOCSS, Cascade Framework puts you in control!

Also different from Twitter Bootstrap or other CSS Frameworks out there, Cascade Framework can be used for modern browsers and older browsers alike. All features of Cascade Framework support Internet Explorer from IE6 upwards or degrade gracefully. With Cascade Framework you no longer have to choose between supporting only modern browsers or downgrading your design.

For a live demo, go to


14 day 14-day money-back guarantee


MIT license

The MIT license is an open-source license.


  • Cascade Framework is entirely based on an OOCSS architecture optimised for both performance and flexibility.

  • Cascade Framework contains advanced components like “panels”, “tab blocks” and “navigation” components that can be combined in various ways.

  • Cascade Framework is design agnostic. You can choose the default theme, create one of your own or just work with your own project specific custom design and leave out the default theme entirely. Both typography and color scheme are separated in separate modules to suit that purpose.

  • Cascade Framework allows you to choose between a Semantic Grid technique and a presentational grid technique. Twitter Bootstrap offers only a presentational grid technique.

  • With Cascade Framework, you can use any number of columns you want (1,2,3,4,5,6,7,8,9,10,12,16 and 24 columns are supported) throughout your project and nest them freely.

  • Cascade Framework’s grid uses a special padding element for its gutter, which combined with the media object integration makes the grid both more powerful and easier to use than any other grid system.

  • The total CSS code of Cascade Framework is only 9712 bytes minified and gzipped and can be further reduced if you don't need all modules. For many projects, you’ll do fine with a build of Cascade Framework with that’s only 3910 bytes.

  • Cascade Framework has a “light” version that’s no more than 2010 bytes in total. While it doesn’t contain components like panels or tabs, it still offers you a clean design for a whole bunch of elements, support for IE6, responsive behavior, etc. If you need just its grid features, you can go as lightweight as 323 bytes.

  • Cascade Framework offers support up to IE6 and there are no plans to drop support for older browsers in the near future.

License » MIT license Download

Get A Quote

What do you need?
  • Custom development
  • Integration
  • Customization / Reskinning
  • Consultation
When do you need it?
  • Soon
  • Next week
  • Next month
  • Anytime

Thanks for getting in touch!

Your quote details have been received and we'll get back to you soon.

Or enter your name and Email
No comments have been posted yet.