Bootstrap 4 UI Toolkit
A free and modern UI toolkit for web makers based on the popular Bootstrap 4 (final) framework.


Shards is built with performance in mind having a small footprint and weighting ~13kb minified and gzipped.


With Bootstrap 4 at its core, Shards is responsive by default being able to adapt and reflow its layout to any screen size.

Well Documented

Everything new in Shards is well documented so you can start building beautiful interfaces as soon as possible.

Modern Design System

Each component was designed from scratch and comes enhanced with smooth micro-interactions to better fit Shards’ strong design system.

Modern Design System


Shards comes packed with 10 extra custom components that help to cover almost any type of interface requirements and also 2 custom pre-built landing pages.

Icon Packs

Icons from both Material and Font Awesome packs (1500+) are supported by default and can be placed in almost any element without the need of adjusting the kit.

Icon Packs
Source Files

Source Files

We've included the original Sketch and SCSS files so you can get your hands dirty, create new layouts or even customize and recompile the kit to your needs.

Send Download Link

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match


Shards Dashboards

A premium admin dashboards template pack.

Here's a 10% discount code! DR10OFF Check it Out