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.
88游戏官方网赌场
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 |
凯撒皇宫赌博开户 |
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 |
大都会真人百家乐
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.
中东娱乐138电子真人荷官
玛雅娱乐赌场欢迎您
Form controls can be stylised by utilizing icons from either supported packs. They can be placed inside default or seamlessly integrated input group addons.
澳门胜博发注册美女荷官
加博国际电子升级模式
王者威尼斯人赌场开户平台
The default custom form fields are improved and extended. One of the new additions being the toggle switch control.
海天美女荷官真人
加博国际官网赌博
王者威尼斯人VIP升级模式
梦之城赌场最高代理
万博总公司
龙8国际立即注册
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.

大发官方网赌场
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
通博时时返水网
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章鱼竞技国庆云闪付入款
In addition to the default styles Shards allows you to adjust the width and add labels to your progress bars.
摩斯国际赌博官网app
齐博终身累积打码
千亿国际游戏真人荷官
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.
乐天堂棋牌赌博网址
U宝娱乐赌博排名
博狗时时返水
万达娱乐美女荷官网站
顶级赌场开户平台
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.