Shards UI Kit

A free and modern UI kit based on Bootstrap 4.

get it

Shards UI Kit is a free, modern and lightweight UI toolkit based on Bootstrap 4 that comes packed with 2 extra pre-built landing pages and 11 custom components that you can use to kick-off your next project.

Around the web


 +13 reviews
  • Pros: 

    the look


    the licence is unclear


    1.1. - Unlimited commercial client work usage. - YES

    1.2. - Unlimited personal work usage. - YES

    1.3. - Educational and training purposes. - YES

    1.4. - Creation of "Software as a Service" (SaaS) application(s).

    (eg. generators, etc) - NO

    1.5. - Creation of product(s) aimed for specific platform(s).

    (eg. WordPress Themes, etc) - NO

    1.6. - Distribution - NO

    1.7. - Sub-licensing - NO

    1.8. - Re-selling - NO

    so if i want to use it as a base for a CMS theme for my or other websites

    or i want to use it as a base for SAAS.

    Ane Disi has used this product for one day.


You need to become a Contributor to join the discussion - Find out how.
Catalin VasileMaker@cata · Founder of DesignRevision
Hello Product Hunters! 👋 Thank you Ionut for the hunt! I’m Catalin, the founder of DesignRevision and maker of Shards and I’m really excited to finally show you the project I’ve been working on during the past month. 🔑 A few key features of Shards: - The kit has a modern design system with subtle micro-interactions. - Packed with two pre-built landing pages and 11 extra custom components. - Compatible with both Material and FontAwesome icon packs. - Tiny, with its CSS weighting only 12.41 kb minified and gzipped. - Responsive by default. - Well documented. - Absolutely free! Make sure you check out all the details on the official page and also the live demos! I really hope you will enjoy it! 😁 Please let me know if you have any questions, suggestions or ideas!
Dre Durr💡@dredurr · Growth is the only thing that matters
I'm a sucker for amazing design. Very Dope 🚬🚬
Catalin VasileMaker@cata · Founder of DesignRevision
@dredurr Thank you very much! 😃
Joshua Pinter@joshuapinter · Product at CNTRAL. Maker of ntwrk.
Really great design. Build out more components and make a paid version.
Catalin VasileMaker@cata · Founder of DesignRevision
@joshuapinter Thank you, Joshua! I'm glad you like it! That's actually on my to-do list. 🙌
Alex Savic@aleksandars · Web developer
Wow this is super nice, and will probably use it in future on my mini projects, I so much like the style of it. FYI: The only thing the url in the demo for Download button is on the localhost instead of your domain, so maybe fixing it would be good for you. (I found the way for my self but you, for sure, don't want to force that for every user)
Catalin VasileMaker@cata · Founder of DesignRevision
@aleksandars Thank you! 🙏 I'm really glad you like it. I also fixed the link issue, sorry about that. 😁
Juliette Pretot@laurajuliettep · Designer / Developer 🦄
I really like it! Any plans to offer a react version?
Catalin VasileMaker@cata · Founder of DesignRevision
@laurajuliettep Thank you, I’m really glad you like it! 😃I’m definitely considering a React version of Shards and it's something I plan on working in the following months. Unfortunately, I can’t give you a release date just yet.
Juliette Pretot@laurajuliettep · Designer / Developer 🦄
@cata that's awesome to hear! Bootstrap -> React certainly isn't an easy feat, take your time.