Lazy Kit
A new design system for developing with less effort.
Made with by
Made with by
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.
We have improved the Bootstrap colour selection with a brighter variation. All the components from the kit will have variations for each one of this contextual classes.
The Bootstrap 4 buttons have been modified to fit the new colours and style. There is also a new button style for icons only.
All form controls are improved for better contrast and visibility. Besides the Bootstrap 4 custom inputs, we have also added a special plugin for sliders.
Default
With Icons
With Validation
Custom Select
File Input
Sliders
Checkboxes
Radio Buttons
Toggle Buttons
Lazy Kit has the primary font family Raleway, provided by Google Fonts. It is an open-source font that bring a new look to the default Bootstrap.
Headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraphs
Paragraph
You have brains in your head. You have feet in your shoes. You can steer yourself any direction you choose. You're on your own. And you know what you know. And YOU are the one who'll decide where to go. Link
Lead
You have brains in your head. You have feet in your shoes. You can steer yourself any direction you choose. You're on your own. And you know what you know. And YOU are the one who'll decide where to go.
Quote
You have brains in your head. You have feet in your shoes. You can steer yourself any direction you choose. You're on your own. And you know what you know. And YOU are the one who'll decide where to go.
Text Muted
I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.
Text Primary
I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.
Text Secondary
I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.
Text Info
I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.
Text Success
I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.
Text Warning
I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.
Text Danger
I've learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel.
Images are displayed as blocks by default and they will take the entire width of their parent. Using the border and shadow utilities, you can adjust the image's display.
Default
Round
Raised
Round & Raised
The Bootstrap 4 comes packed with classes for menus and navbars. Using the knows markup you can easily create responsive navigation bars. Lazy Kit comes with a layer of styling, by adding new colours and Font Awesome Icons.
Menu With Text
Menu With Icons
Navbars
Tables get a new look inside the Lazy Kit. Using contextual classes you can colour rows and cells.
| Type | Column heading |
|---|---|
| Light | Let it be. |
| Active | Eat well, feel well. |
| Dark | But first coffee. |
| Primary | Think before you speak. |
| Secondary | Carpe diem. |
| Success | Success. It’s a Mind Game. |
| Danger | One day at a time. |
| Warning | Good vibes only. |
| Info | All you need is sleep. |
Having to organise a list of links is a very common situation and knowing how to create Bootstrap 4 Navs will help you solve this.
Tabs
When it comes down to it, that’s what life is all about: showing up for the people you love, again and again, until you can’t show up anymore.
There is nothing more dreadful than the habit of doubt. Doubt separates people. It is a poison that disintegrates friendships and breaks up pleasant relations. It is a thorn that irritates and hurts; it is a sword that kills.
You can go through life and make new friends every year - every month practically - but there was never any substitute for those friendships of childhood that survive into adult years. Those are the ones in which we are bound to one another with hoops of steel.
I'm selfish, impatient and a little insecure. I make mistakes, I am out of control and at times hard to handle. But if you can't handle me at my worst, then you sure as hell don't deserve me at my best.
Pills
Believe in yourself. You are braver than you think, more talented than you know, and capable of more than you imagine.
I suspect the most we can hope for, and it's no small hope, is that we never give up, that we never stop giving ourselves permission to try to love and receive love.
Indicators are useful elements that can help you keep your users informed. Breadcrumbs and pagination let you know about your current page. Badged and progress bars give extra information about the information you are currently viewing.
Badges
Progress Bars
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.
The original structure for the Bootstrap 4 cards remains intact. Lazy Kit brings more focus on them with the help of shadows and hover events.
Owning a dog is great fun and immensely rewarding. But, dogs have complex needs and each dog is unique.
Considering Spain's abundant coastline, beaches that do allow you to take your pooch to feel sand...
This new addition to your family will require lots of love, attention and plenty of supplies.
Both tooltips and popovers offer an easy way to display more information on hover or click. You must enable them inside your Javascript in order to use them.
Tooltips
Popovers
Use the modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
Check out the documentation for every element in order to fully see its possibilities. You will find examples for every component and the variations that it comes with.
See Documentation
Do you like how this kit looks? See what you can built with it!
We would love to see your work.
