Shards is a modern design system based on Bootstrap 4 that comes packed with 10 extra custom components and two pre-built landing pages. It’s also lightweight with its stylesheet weighting only ~12kb minified and gzipped.
希尔顿真人升级
We've enhanced Bootstrap’s semantic color selection with brighter color variations in order to improve the contrast and accessibility.
如意免费彩金等你来
Shards uses Poppins as its primary typeface for headings and the system’s UI font with a Roboto-first fallback (only on non-Apple devices) for the remaining content.
Type | Example | Font | Font Size | Line Height |
---|---|---|---|---|
Heading 1 |
新世纪美女荷官棋牌 |
Poppins Semibold | 3.052 REM | 3 REM |
Heading 2 |
恒峰娱乐月月领取10万元 |
Poppins Medium | 2.441 REM | 2.25 REM |
Heading 3 |
名人娱乐独家钜惠天天返水 |
Poppins Medium | 1.953 REM | 2.25 REM |
Paragraph |
ABCabc |
System UI / Roboto | 1 REM | 1.5 |
t6娱乐彩种齐全
Shards supports by default both Material and FontAwesome packs. Icons can be placed in almost any element without the need of modifying the kit.
千赢最好的滚球平台
All form controls are improved with micro-transitions and shadows that bring depth and improve the overall user experience.
明仕真人赌博官网
迪威尽收指尖苹果安卓APP
Form controls can be stylised by utilizing icons from either supported packs. They can be placed inside default or seamlessly integrated input group addons.
太平洋二存赠送5%
海天娱乐赌场快乐彩
尊龙回归彩金
The default custom form fields are improved and extended. One of the new additions being the toggle switch control.
沙龙vip多重彩金优惠
华盛顿赌场最高代理
优游开户赌场
齐博游戏赌博
申愽公司
华逸娱乐美女荷官网站
Form validation is also improved to match the new overall form feel, while following the same interaction principles for consistency.
一号庄赌博开户平台
Sliders are also a new custom control and can be integrated almost anywhere with minimal markup (a single element) and extended customisation options via JavaScript.
千亿国际赌场开户
Datepickers are also available and similar to slider controls they are very easy to create, being based on a single input element. Datepickers are customisable as well, letting you create complex configurations with range selections for example.
永乐国际高永乐国际美女荷官现金网
We wanted cards to stand out and bring depth without changing their original structure. All of this while allowing them to play well with the other components.

海天新会员注册首存赠送8%
He seems sinking under the evidence could not only grieve and a visit. The father is to bless and placed in his length hid...
Read More
88娱乐月月俸禄送不停
He seems sinking under the evidence could not only grieve and a visit. The father is to bless and placed in his length hid...
Read More
聚星真人升级
He seems sinking under the evidence could not only grieve and a visit. The father is to bless and placed in his length hid...
Read More
188金宝老虎机优惠
He seems sinking under the evidence could not only grieve and a visit. The father is to bless and placed in his length hid...
Read More中东娱乐真人优惠
In addition to the default styles Shards allows you to adjust the width and add labels to your progress bars.
申慱网站网址
申博现金网百家乐荷官
华逸娱乐美女荷官发牌
Display confirmation messages, forms or any type of content to your users using beautiful and non-disruptive modals.
菲律宾申博太阳城真人荷官吧真人荷官
Badges are similar to buttons and are available in all theme colors with filled and outlined modes and also with three variation styles: rounded, pill-shaped and squared.
红树林电玩开户
Don't let your uses guess by attaching tooltips and popoves to any element. Just make sure you enable them first via JavaScript.
荣一赌博欢迎您
乐通盈利多多
太子美女荷官平台
新世纪美女荷官棋牌
bet36投注1元起天天返水
That's not all! We've prepared two free landing pages built using mostly Shards and some custom styling to help you start your next project faster.