Skip to content

A new design system for developing with less effort. See how it looks:

Notifications You must be signed in to change notification settings

bootstrapbay/lazy-kit

Repository files navigation

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.


ComponentsDocumentationOfficial 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]

Useful Links