Shards Pro




Learn More


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.


  • 这个主题使我重新开始使用bootstrap


    Translated: As a java developer, I fell in love with Shards at first sight in the rare opportunity to get in touch with the UI.

  • loved your shards

    you’re so good, keep it up that way, I love your work

  • The best template ever

    This is the best free template I’ve ever seen. Thank you so much for your work.

  • Beautiful and Clean UI

    I love beauty , clean , simple, easy

  • Simple and Awesome..

    Loving it i’m using it for production it has been a great experience working with it..

  • 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