Shards: A free and modern UI toolkit for web makers Shards: A free and modern UI toolkit for web makers Shards: A free and modern UI toolkit for web makers

Share this template Share this item

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. Everything new in Shards is well documented so you can start building beautiful interfaces as soon as possible.

The color palette of this template is composed by 32 colors:

Color Name Hex Rgb
Mountain Meadow #22c77b rgb(34,199,123)
Shuttle Gray #5d636b rgb(93,99,107)
Cardinal #c41c3c rgb(196,28,60)
Shark #25262d rgb(37,38,45)
New Orleans #f4d3a3 rgb(244,211,163)
Dodger Blue #1486fc rgb(20,134,252)
Santas Gray #9ca2b2 rgb(156,162,178)
Congress Blue #014182 rgb(1,65,130)
Aqua Spring #f4f9fc rgb(244,249,252)
Azure Radiance #067afa rgb(6,122,250)
Bazaar #9a717e rgb(154,113,126)
Mountain Meadow #16c475 rgb(22,196,117)
Mako #3e414a rgb(62,65,74)
Rock Blue #9bb2d0 rgb(155,178,208)
Golden Grass #dca41c rgb(220,164,28)
Santas Gray #9c9ca4 rgb(156,156,164)
Mountain Meadow #14c474 rgb(20,196,116)
Shuttle Gray #5c646c rgb(92,100,108)
Cornflower Blue #569cea rgb(86,156,234)
Selective Yellow #fcb404 rgb(252,180,4)
Shuttle Gray #5a6269 rgb(90,98,105)
Shark #24242c rgb(36,36,44)
Regent St Blue #9cbedc rgb(156,190,220)
Azure Radiance #0c7ceb rgb(12,124,235)
Nepal #8aa0c1 rgb(138,160,193)
Tosca #9e4147 rgb(158,65,71)
Shuttle Gray #586067 rgb(88,96,103)
Calico #dfb993 rgb(223,185,147)
Azure Radiance #057cfb rgb(5,124,251)
Shuttle Gray #5b636b rgb(91,99,107)
Shark #23232c rgb(35,35,44)
Humming Bird #d3f1f9 rgb(211,241,249)

Related Templates

Ace: A Free Bootstrap 3 Admin Template

Ace is a lightweight yet feature packed and easy to use admin and dashboard Bootstrap theme.

Admin Templates




Vuetify Admin Dashboard: A Crud Admin panel made from Vue js and Vuetify

Vuetify Admin Dashboard is a beautiful resource built over Vuetify and Vuex.

Vue JS




Admindek: a Clean and Minimal Looking Admin Template

Admindek is a powerful clean and minimal-looking free admin template.

Admin Templates




Docs HTML Template: A Sample HTML Documentation Template

A Sample HTML Documentation Template for Wordpress Themes, HTML Templates and Plugins.

Site Templates




Argon: Open Source Bootstrap 4 based Design System Admin Templates

Use the Argon Kit to start your development with a Design System for Bootstrap 4. It is open source, free and it features many components that can help you create amazing websites.

UI Kit




Bootstrap 4 Ecommerce UI: A Ready to use kit of components for Marketplaces

Build responsive e-commerce projects on the web with the world's first html ui kit front-end component library.

UI Kit