An open source framework for the brutalist web design trend.

Built with

brutality
  • HTML5
  • CSS3
  • javascript

About Press Boilerplates

version
 2.3.1 

BF is a FREE HTML template that can be used for rapid prototyping of responsive web designs and native app UI/UX.

Get Started

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:

  • /core/css/brutalist.min.css - OR - /core/css/dev/core.css
  • /core/js/brutalist.js
  • /core/js/start.brutalizing.js

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

The brutalist.js javascript file contains all functionality needed for core elements. Some variables can be customized in the start.brutalizing.js initialization script.

You'll also need to include 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.

2.3.1 UPDATE

The grid system has been replaced with Blueprint Grid.


What's New in 2.3?

General:
+ Added browserconfig.xml to root directory for Microsoft icon support

BELL:
+ (no changes)

Flavors:
+ New Flavors: sage, slime, fuchsia, apple, indigo, denim, flaxen, dijon
+ New Color Combos: seaweed-slime, steak-beer, sapphire-sky, midnight-sky, greek, blueprint
+ New Gradients: violence, viking, socialize, emptiness, clean, evergreen
+ Deprecated: blueberry-pomegranate, olive-mushroom

BFX:
+ New TumbleText effect
+ New shift-glitch effect
+ Updated animated gradient classes

BUIX:
+ New Tree List navigation element

BUTCH
+ Added support for double borders & outlines
+ Added description lists support
+ Updated unordered lists

Grid:
+ Added CSS grid support

bIcons:
+ Over 30 new icons added

ReBAR:
+ Updated Device Type Visibility classes

Boilerplates:
+ (no changes)

 

Built with Brutalism

Examples of websites built with Brutalist Framework.

 

Download
version 2.3.1