An open source framework for the brutalist web design trend.

Components

There are three main components to BF:

• CORE - Primary CSS and javascript libraries
• BELL - Extension Library (optional)
• Boilerplates - Starting point templates

Structure

The file structure looks like this:

• /core
  • /css
  • /js
  • /bell
  • /files
• /theme
  • /default
• /bp

Loading BF

You'll need to load following CSS file:

• /core/css/brutalist.min.css - OR - /core/css/dev/core.css

The brutalist.min.css file is a minified CSS file that contains all core components found in /core/css/dev directory.

As of version 2.4 and up, you will need the following javascript files:

• /core/js/jab.js
• /core/js/jquery.3.js
• /core/js/brutalist.js
• /core/js/start.brutalizing.js

The brutalist.js javascript file contains all functionality that is dependent on jQuery. Some variables can be customized in the start.brutalizing.js initialization script.

The jab.js file is for all pure vanilla javascript functions. JAB (javascript application base) contains functions that are NOT dependent on jQuery.

If you are using jQuery, BF includes all 3 versions of jQuery in the /core/js directory:

• /core/js/jquery.1.js
• /core/js/jquery.2.js
• /core/js/jquery.3.js

It's advised to use jQuery 3, as versions 1 and 2 are no longer supported. Certain core BF elements don't work with jQuery 1 and 2.