let's ro:Kit

A Mix and Match Responsive Framework.
No JS. No hassle.
ro:Kit Git Get ro:Kit

ro:Kit Framework

A Mix and Match Framework

ro:Kit - a modular and scalable CSS-Only responsive framework that lets you mix-and-match colors, styles, animations and responsive behaviors.

You can start using it by downloading the compiled CSS file and including it in your website.

<link href="css/roKit.min.css" rel="stylesheet" />

This framework was built with SASS and love ❤️

Why Use a Framework?

Making a website from scratch? Coding!? Who's got time for that?? That's why frameworks exist!

Someone, one day, for whatever reason, decided to spend their time coding classes and components so you don't have to!

You don't want to bother making graphics with Photoshop? Got you covered - ro:Kit comes with an assortment of customizable gradients and color styles.

Get ro:Kit

You Don't Like or Know JS?

We got you covered. Using ro:Kit requires 0 JavaScript knowledge.

You'll be able to use a vast array of responsive classes and animations by simply adding CSS classes to your HTML code.

Although - a word of advice - do pick up some JavaScript skills in case you don't have any. They can make your web site even awesomer.

Learn JavaScript

How to Use ro:Kit

  1. Download the ro:Kit framework.
  2. Place the ro:Kit file into your project folder.
  3. Add the following link tag pointing to the ro:Kit file <link href="css/roKit.min.css" rel="stylesheet" />
  4. You're good to go!

How to Compile from Source

  1. Download and install Node and SASS if you didn't already.
  2. Clone git repository https://github.com/rokmesojedec/rokit or download ZIP
  3. Using command line or terminal navigate to project's src folder.
  4. Enter following command $ sass scss/:css/ to compile the framework. if you plan to customize ro:Kit add the --watch flag to previous command.

Personal Page Example

Personal Page Example View Example

Offers Page Example

Offers Page Example View Example