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.


  • Shards UI was awesome

    Jus one word it was AWESOME

  • Bootstrap UI

    To be honest one of greatest bootstrap UI what i found in internet. Simple and beautiful.

  • Support

    What an awesome given by them. Thumbs up.(y)

  • the shards is best UI Kit

    the shards is best UI Kit and it is very comfortable

  • Very good job

    This UI toolkit is clean, optimized and easy. Simply perfect! very good documentation. Excellent job! and thank you so much.

  • Best UI Kit Ever Seen!

    Hey Team, Good Work! The Best UI Kit I have ever seen, Could you please code up a UI Library for Angular 6, Similar to PrimeNg, Angular Material etc. That would be a Great Help!

    Akhil Mukkamala.

  • super

    your work is excellent

  • Simply the best!

    I love this UI kit.I’ve stumbled upon it a while back and have started using for personal projects but damn it’s good! Now I use it for everything! It makes building apps a breeze without the hassle of modifying regular free kits. I feel like I actually paid for it!

  • Write a Review


    Shards Dashboard Pro

    A premium & high-quality Bootstrap 4 admin dashboard template pack.

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