A modern UI kit packed with 2 custom page templates and 11 extra
custom components built on top of Bootstrap 4 (final).
Currently there are only two ways of downloading dWeb's UI Kit:
The distributed dWeb's UI Kit assets are also available via CDN through unpkg and jsDelivr.
The only hard dependency is Bootstrap 4 (final) which needs to be included in your HTML document before dWeb's UI Kit. Datepickers and slider controls also require the dWeb's UI Kit's JavaScript dependency.
In order to take advantage of both Bootstrap and dWeb's UI Kit features you may want to use the following starter template that includes all dependencies.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- CSS Dependencies -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/@dwstyle/design@0.1.1/dist/css/dweb.min.css">
</head>
<body>
<h1>Hello, world!</h1>
<!-- Optional JavaScript -->
<!-- JavaScript Dependencies: jQuery, Popper.js, Bootstrap JS, dWeb JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="https://unpkg.com/@dwstyle/design@0.1.1/dist/js/shards.min.js"></script>
</body>
</html>