a prodigious Javascript-assisted CSS toolkit for building mobile-friendly, fast, and intelligent websites

Coming Soon to Github  

Don't forget to star us and watch us

Getting started with rKit is super-easy!

  • Install
    html
    <!-- 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
    css
    #my-element-1 [rk="if @page.width between 480px & 960px"]
    {
        background-color: #ff0000;
    }

What does this CSS do? It applies the background-color: #ff0000 to #my-element-1 if the viewport width is between 480 and 960 pixels. It's that simple. And this is just the tip of the iceberg.

Join the rKit Launch List

rKit is almost at the finish line, but there's still a bit of work we're doing to make sure everything works well before we let it loose. 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 makes CSS a truly powerful platform for building better websites

  • Built for Performance

    rKit is not just fast, it's got built-in features to make your Web pages fast

  • Lightweight

    rKit has a critical payload of less than 14k gzipped, which makes it extremely light

  • Rich in Functionality

    rKit is built on rScript, so it’s got a dazzling array of features everyone will love

  • Easy to Learn

    rKit has a low learning curve so it’s quick and easy to get started with it on projects

You're going to love rKit if:

  • You are frustrated by the limited functionality and conditionality of CSS Media Queries

  • You do not have the skills and/or time to write your own toolkit

  • You want to spend more time working with CSS than with JavaScript

  • You would like to spend less time building websites and webapps

  • You want a solution that has tons of features and is also extensible

  • You need a solution that will not overload and/or slow down your Web pages