a prodigious Javascript-assisted CSS toolkit for building better websites

Coming Soon to Github  

Don't forget to star us if you like us

Getting started with rKit is super-easy!

  • Install
    <!-- install in <head> -->
    <script src="rkit.c.min.js" type="text/javascript" async></script>
    <script src="rkit.nc.min.js" type="text/javascript/r_defer"></script>
  • Use
    #my-element-1 [rk="if @page.width between 480px & 960px"]
        background-color: #ff0000;

rKit is a JavaScript-assisted CSS toolkit for building mobile-friendly, fast, and intelligent websites. Use CSS like never before to work with JavaScript and do insanely awesome things like responsive breakpoints, DOM manipulation, element queries, quantity queries, data-binding, and more.

Join the rKit Launch List

rKit is almost ready for primetime. Sign up and be the first to know when we launch.

rKit is a great toolkit for your Web project because it's:

  • Pure Vanilla

    rKit is 100% JavaScript-powered and it has no external dependencies

  • Built to turbocharge CSS

    rKit gives your CSS superpowers to help you do more with less code

  • Built for Performance

    rKit isn't just fast, it's got built-in features to make your Web pages fast too

  • Lightweight

    rKit has a critical payload of less than 20k gzipped, so it won't weigh down your Web

  • Rich in Functionality

    rKit is built with a lot of useful features, and it's easily extensible

  • Easy to Learn

    rKit has a low learning curve, so you can get started in no time at all

You're going to love rKit if:

  • You are more comfortable working with CSS than with JavaScript

  • You want to do more with CSS without having to relearn everything

  • Your current Web design workflow is overloaded and overwhelming

  • You want to use a solution that will not slow down your Web pages

  • You want a solution that has functionality for today and is also extensible for tomorrow

  • You'd like to spend less time and brain cells to build a websites and webapps