Introduction

Welcome

Hubble is modular CSS and JavaScript front-end framework built with SCSS and vanilla JavaScript. Hubble is designed so that you can use it as a starting point for any sized project from a tiny landing page to a giant web app.

One of the main purposes of Hubble is to save you time. Save you time writing CSS(SCSS) and JavaScript while building beautiful web pages with ease. Hubble is is a medium to large front-end framework. It has everything you need to start your next project.

Hubble is 100% JavaScript Dependency free (no jQuery) - It's Vanilla JavaScript helping keep your project as slim as possible.

How does it work?

Hubble is really easy to setup and even easier to use. Hubble is written in SCSS and vanilla JavaScript. It's dependency free and doesn't use jQuery at all.

There are a two different ways to use Hubble:

Basic Usage
The most basic way would be to simply download the latest build, include hubble.css and hubble.js in your project.

If you are wanting to use Hubble this way. You would simply include it in your project and build ontop of it with your own CSS and JavaScript. If you intend to use Hubble this way, you can simply skip the Getting started part of this documentation and start familiarizing yourself with the Hubble's CSS.

Recommended Usage
The recommended way to use Hubble however is to build your project using SCSS, and integrate your own Hubble theme. You'll find out more information on how to do this correctly as you follow the documentation.

How to read this documentation

If you are new to Hubble, I recommend you read this documentation from start to finish. If you are already familiar with Hubble, you can instead jump straight to the appropriate section.

This documentation begins by explaining Hubble's concepts and architecture before venturing into specific topics like components, modules and mixins.