Lazy Kit is a complete design system built on Bootstrap 4.
It is created for all web makers that want to get a project off the ground quickly and neatly.
It overwrites all Bootstrap 4 components and adds 2 more plugins. It also comes with 3 example pages.
Components • Documentation • Official Page
Download
Examples
Lazy Kit comes with 3 examples that show you what you can build with it.
 |
 |
 |
|---|---|---|
| Register Page | Profile Page | Landing Page |
Dependencies
Lazy Kit is built on top of Bootstrap and uses the noUiSlider plugin and Font Awesome icons. You can see the documentation for them here:
Quick Start
In order to take advantage of all that Lazy Kit has to offer, you can use the following starter template that includes all the dependencies.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="./assets/vendor/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.0/css/all.css">
<link rel="stylesheet" href="./assets/css/lazy.css">
</head>
<body>
<!-- your content here -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="./assets/vendor/jquery/jquery.min.js"></script>
<script src="./assets/vendor/popper/popper.min.js"></script>
<script src="./assets/vendor/bootstrap/bootstrap.min.js" ></script>
<!-- optional plugins -->
<script src="./assets/vendor/nouislider/js/nouislider.min.js"></script>
<!-- lazy javascript -->
<script src="./assets/js/lazy.js"></script>
</body>
</html>Issues and Technical Support
If you have found an issue please report it on Github, under Issues. If you have a technical questions or something it not working while you are trying to integrate the kit, please email us at [email protected]