Rocket

To enjoy our website, you'll need to enable JavaScript in your web browser. Please click here to learn how.

Rocket is a powerful Sass framework with many common used components and utility functions, to help you build websites faster and easier.

Download Get started

Features

Responsive

Rocket is designed to work with different mediums and devices. With Rocket, it's easy to make your website responsive.
Customizable

Rocket components are mixins and functions, therefore you can use them with your customise options. No required class or id names.
light weight

Unlike other frameworks which give you a bunch of code and most of them you will never use, Rocket gives you only the code you actually need. No request, no code!

Get started

Download Rocket

Download Rocket via npm, bower or download the source files directly.
```
bower install rocket --save
```
Import Rocket and Start using Rocket Mixins and Functions

Import Rocket into your sass file. (More details about Sass import, visit http://sass-lang.com/guide#topic-5). You can now use all the mixins and functions.
scss
```
@import "path/to/rocket";

.wrapper {
  @include grid(3 7);
}
```
Compile sass to css

Use one of these tools or a Task runner to compile your sass files to css files.

What's next?

Start with the Guide? Read the Document? Follow a simply Tutorial?

Support

Browserstack