Tiny BRUTALISM CSS Library

A simple, bold, and minimal CSS library for brutalist web design.

Typography

This library uses the 'Roboto Mono' font and provides basic styling for headings and paragraphs.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraph text goes here. It has a default bottom margin for proper spacing.

Containers

Containers center the content and provide padding.

This is a box container with padding and border.

Grid System

Use the grid system to create responsive layouts with flexible columns.

.col-6

.col-4

Buttons

Stylish buttons with hover effects.

Button Link

Forms

Basic form elements with bold styles.

Alerts

Different types of alert messages.

This is an info alert.

This is a warning alert.

This is a danger alert.

Modals

Example of a modal dialog. Click the button to open the modal.

Progress Bars

Progress bars to indicate progress.

Code Container

Stylized container for displaying code snippets.


/* Example of CSS code block */
body {
    font-family: 'Roboto Mono', monospace;
    background-color: #fff;
}

Built with tiny-brutalism

Collection of Apps and websites utilizing tiny-brutalism.

-------------

Sample apps, available on github

Brutalist DEX // Task Manager // Tinder