Codebase

Codebase is a CSS and JS website component library,
with comprehensive documentation,
built on its own static website generator.

Dependencies

None. No need for Normalize, jQuery or any other library. The compiled codebase.css and codebase.js are all that you need to build a basic responsive website. And these docs will show you how.

Codebase can be used alongside other frameworks that you may need for your project. (All Codebase classes are controlled by class-builder SCSS mixins that you can override and thereby rename Codebase in order to avoid clashes.)

No icon fonts are required by Codebase itself. You can use any icon font you choose.

(This documentation uses Font Awesome and PrismJS.)

Multiple ways of using Codebase

1. Simple setup – just use codebase.css and codebase.js in your project.
2. The Codebase SCSS library has dozens of !default variables that you can override and mixins that you can use. Except for the base reset, everything has been built first using mixins and then deployed in CSS classes using overridable class-builder mixins – so you can rename CSS classes. You can toggle any of these class builders to false in order to remove any component that you would never use.
3. You can copy the entire codebase/ folder (from inside the app/ folder) to your project – or you can build the Codebase CSS and JS using the Codebase Gulp-based static site generator (as used for the Codebase libraries and docs).

Browser Compatibility

Codebase has been tested and it all works with current and recent versions of Safari, Firefox, Chrome, Opera, Vivaldi, Brave and Edge.

Older browsers without the a implementation of flexbox or grid are not supported.

MIT licence

Codebase is open source software, released under the MIT licence.

<div class="center my-9e">
  <a href="1-getting-started.html"
    class="btn big primary pill bold">
    Get started
    <span class="fas fa-arrow-right"></i>
  </a>
</div>