SUPERBRO

Minimalistic Boilerplate Made in mind of mobile-first orientation.

It's quick and easy to start new projects with Superbro, since it offers many goods of HTML5 and CSS3 out of box. It's small library and supports all new browser versions.

Visit Superbro.DEV for better documentation.

Try It!

By clicking link above, replit will generate fresh copy from git repo to your account.

Features

• CSS reset
• Clean typography
• Adjustable 12 column grid (help of CSS Grid Definition)
• Settings.css with VAR functions
• Headers are adjusted according to the screen with help of calc function

Components

Done Components:

• Alerts
• Buttons
• Forms
• Tables
• Blockquote
• Codeblock
• Menu

Planned Components:

• Breadcrumb
• Cards
• Dropdown
• Labels
• Progress Bar
• Profile

Grid

The grid itself is flexible and mobile friendly, thanks to CSS Grid. We can also take advantage of "columns" and "rows" as seen below.

Todo

• Remove all PX and replace them with EMs or VHs

Version

Current version is 0.1.4.

Examples

Websites created with superbro boilerplate.

• superbro.dev - (github repo)
• kallion pesula
• mun firma
• sanjiv's portfolio - (github repo)

License

Superbro is free to use under the open-source MIT-License