top
download

BUILD
CORE
MOLDS
Brutalist Framework
Download
version
3.0.3
Download

Construct Something Solid

A Free & Open Source Framework for the Brutalist Web Design Style_

«
Built with...
  • CSS3
  • HTML5
  • jQuery / vanilla js
  • Plain PHP
  • XML, CSV, & JSON
Features
  • Open source under MIT
  • CSS & javascript libraries
  • Portable & dependency-free
Ideal for...
  • Static or dynamic websites & apps
  • Small & personal projects
  • Creative services / agencies
  • Beginner & novice web app developers
Build Your
  Future
Construct
Something
Solid
»

Groundwork

Project Planning
Get Started »

CORE

The heart of BF
Construct »

BOS Portal

  • BOS:
    Base Operating System
  • A backend portal
    for building brutality.
  • Flat-file.
    Databaseless.
  • A portable portal
    built with plain PHP.
  • MOLDS:
    Manageable modules.
  • Create and update
    XML or CSV content data.
  • Be the BOS
    of your content.
  • Coming in
    version 3.1

Preview BOS

BOS Home Dashboard
BOS Backdoor
User Management
File Management
Data Management
Other Features

What's New

Reference Guides



Brutalist Substyles
View All »

Shoutouts

This is the 2nd set of tabs on this page. Below is a 2-column justified paragraph:

What's New in 3.0.3

Brutalist Framework Changelog
Version 3.0.3
=============================

General Updates:
+ Introduction of 'BUFF', 'Grids, and 'FUX' to CORE components
+ Updated site UI, logo, theme
+ MOLDS updated in preparation for 3.1

BUFF:
+ Added over 30 new "Fancy" filters

Flavors:
+ Added new flavors: graphite, brittany, emerald, teal, turquoise, khaki, hazelnut, coral, ivory, bone, parchment, sea-shell, mint-cream
+ Updated 'Concoctions' (formerly 'Color Combos')
+ New "Mesh Gradients"

BFX:
+ Moved 'Blenders' to BUFF
+ New 'Divisive Text' effect

BUIX:
+ Added new "H-Scroll" interaction element
+ Moved Sticky Stacks to BUTCH
+ Moved forms to FUX
+ Updated Buttons
+ Added "Multimedia" section

BUTCH:
+ Moved 'Filters' to BUFF
+ Updated 'Layout & Layering'

bIcons:
+ List update

FUX:
+ Added general form input validation using pristine.js

Grids:
+ Full integration of Blueprint Grid 2.0

MOLDS:
+ Dropped "Tiles", "Boards", and "Panels" in preparation for 3.1 as MOLDS will become BOS modules.

Blueprint Grid

An open source multimethod grid library built with flexbox and CSS grid. Create scalable mobile-friendly responsive website and application layouts.

Reference Guides

Free e-books and other resources about the brutalist web design style and how to develop applications with Brutalist Framework.

Background

Only through
brutality
do we evolve.

About BF »

Brutal Blast


sign-up form here

BE A REBEL

USE BF TO CREATE ANTI-DESIGNS

CAUSE CHAOS

⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛
⛛

CORE

CSS library & javascript plugin components for constructing client-side user experiences.

Construct with CORE »  

BUTCH

Base Utility & Typography Class Helpers
typography & basic element classes

butcher »

BUIX

Base User Interface & Experience
interactive elements

interface »

BUFF

Blend Utility for Filters
CSS blends & preset filters

filter »

BFX

Brutal Effects
animation, text, and element effects

affect »

bIcons

Brutal Icons
native UTF-8 symbols in the form of CSS icon classes

symbolize »

ReBAR

Responsive Breakpoint Assistance Reference
show / hide elements at various screen sizes & orientations

reinforce »

Flavors

Color Classes Library
flat colors, gradients, and pre-defined color combinations

taste »

FUX

Form User Experience
user input components

formulate »

Grids

Layout Components
multiple methods for dynamic and responsive layouts

lay a grid »

MOLDS

Modular Objects Linked Data Source

MOLDS are PHP-based content objects constructed from XML or CSV data that is managed via the
BOS Portal.

Make MOLDS »  

Brutalist
Deconstructivist
Design Approach

Read about our unique design approach to planning, designing, and constructing brutalist websites & applications.

Download eBook FREE

×