a designer-friendly Javascript 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 rScript is super-easy!

  • Install
    <!-- install inside <head> tag -->
    <script src="rscript.c.min.js" type="text/javascript" async></script>
    <script src="rscript.nc.min.js" type="text/javascript/r_defer"></script>
  • Use
    .r_mobi #my-element-1 {color: #ff0000;}
    .r_mobi.r_phone #my-element-1 {color: #00ff00;}
    .r_mobi.r_tablet.r_landscape #my-element-1 {color: #0000ff;}

What does this CSS code do? rScript adds classes to the <body> tag on-the-fly to help you do more with less effort. In this case, when the device is a mobile device [.r_mobi], color: #ff0000 will be applied to #my-element-1. Likewise, for smartphones [.r_mobi.r_phone] applies color: #00ff00 and tablets in landscape orientation [.r_mobi.r_tablet.r_landscape] applies color: #0000ff. It's that simple.

And this is just the tip of the tip of the iceberg. There's a lot more awesome stuff you can do.

Join the rScript Launch List

rScript is virtually done, but we need to do some work on the documentation and tidy up a few things to make it almost perfect for you. Sign up and be the first to know when we launch.

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

  • Pure Vanilla

    rScript is 100% JavaScript-powered with zero external dependencies

  • Built to turbocharge CSS

    rScript makes your CSS more powerful and more manageable at the same time

  • Built for Performance

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

  • Lightweight

    rScript has a critical payload of less than 14k gzipped, which makes it super light

  • Rich in Functionality

    rScript has a robust set of features that make building Web pages a joy

  • Easy to Learn

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

You're going to love rScript if:

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

  • You'd prefer using a functional toolkit than a full-blown framework

  • 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