Gaweshani UI Kit

A modern UI toolkit for web makers.

Gaweshani UI Kit is beautiful Open Source Bootstrap 4 UI Kit under MIT license.

Colors

We've updated Bootstrap’s default colors to brighter and trendy color variations in order to improve the contrast and design.


.bg-primary


#0063ee

.text-primary

.bg-info


#00b7d6

.text-info

.bg-warning


#ffb533

.text-warning

.bg-danger


#cb183c

.text-danger

.bg-success


#00c779

.text-success

.bg-secondary


#6f05b1

.text-secondary

.bg-light


#e9f2f9

.text-light

.bg-dark


#1b1e24

.text-dark

Typography

The following Typography examples are based on Bootstrap and it includes simple and easily customized typography elements.


Heading 1

h1. UI Kit heading New


Heading 2

h2. UI Kit heading New


Heading 3

h3. UI Kit heading New


Heading 4

h4. UI Kit heading New


Heading 5
h5. UI Kit heading New

Heading 6
h6. UI Kit heading New

Aa

Open Sans

Light

A a B b


Regular

A a B b

Bold

A a B b


Numbers

1 2 3 4 5 6 7 8 9 0


Aa

Poppins

Light

A a B b


Regular

A a B b

Bold

A a B b


Numbers

1 2 3 4 5 6 7 8 9 0


Aa

Noto Serif

Light

A a B b


Regular

A a B b

Bold

A a B b


Numbers

1 2 3 4 5 6 7 8 9 0


Lead

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat tortor non dictum consequat. Pellentesque est eros, efficitur sit amet dapibus vel, consectetur ut tortor. Nullam sit amet arcu non arcu consequat finibus blandit vel nisl. Cras non lacus convallis, vehicula magna vel, convallis enim.


Blockquotes


" Curabitur fringilla, libero non accumsan tempus, ante ex rutrum nisi, vitae blandit est lorem a erat. "

Lorem Ipsum

" Curabitur fringilla, libero non accumsan tempus, ante ex rutrum nisi, vitae blandit est lorem a erat. "

Lorem Ipsum

" Curabitur fringilla, libero non accumsan tempus, ante ex rutrum nisi, vitae blandit est lorem a erat. "

Lorem Ipsum

" Curabitur fringilla, libero non accumsan tempus, ante ex rutrum nisi, vitae blandit est lorem a erat. "

Lorem Ipsum

" Curabitur fringilla, libero non accumsan tempus, ante ex rutrum nisi, vitae blandit est lorem a erat. "

Lorem Ipsum

" Curabitur fringilla, libero non accumsan tempus, ante ex rutrum nisi, vitae blandit est lorem a erat. "

Lorem Ipsum

" Curabitur fringilla, libero non accumsan tempus, ante ex rutrum nisi, vitae blandit est lorem a erat. "

Lorem Ipsum

" Curabitur fringilla, libero non accumsan tempus, ante ex rutrum nisi, vitae blandit est lorem a erat. "


Buttons

Enhanced and extended Bootstrap’s default buttons colors and options with more variations to use with any type of content.


Border Radius

     


Types with Icons

     


Sizes

     

Colors

               


Outline Colors

               


Outline Colors


Responsive Navigations

We've extended default Bootstrap’s navbars with our custom styles and components in our UI Kit.







Alerts (Notifications)

Use any available utility colors for your contextual feedback messages with Font Awesome icons.



Forms

Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.


Form Controls
User Name
@example.com
Success feedback.
Error feedback.
Somethings wrong !














Modals

Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for user notifications or completely custom content.


Basic Model
Vertically Centerd Model
Scrolling Long Content Model
Small Size Model
Large Size Model
Fixes Model

Cards

Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for user notifications or completely custom content.


Normal Bootstrap Cards


Title
Card Body
Title
Card Body
Title
Card Body

Card image cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Card image cap
Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Card image cap

Some quick example text to build on the card title and make up the bulk of the card's content.

Card image cap
Card title

Card Content


Card image cap
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Card image cap

Card image
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Card image
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago


Custom Cards


Card Title

Card Title

Card Title


Card Title


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis ultricies mauris. Morbi sapien justo, rhoncus sed pulvinar et, sagittis.

Card Title


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis ultricies mauris. Morbi sapien justo, rhoncus sed pulvinar et, sagittis.

Card Title


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis ultricies mauris. Morbi sapien justo, rhoncus sed pulvinar et, sagittis.

Card Title


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis ultricies mauris. Morbi sapien justo, rhoncus sed pulvinar et, sagittis.


Jumbotron

Custom Bootstrap Jumbotrons


Fluid jumbotron

This is a modified jumbotron that occupies the entire horizontal space of its parent.


Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.


It uses utility classes for typography and spacing to space content out within the larger container.


Fluid jumbotron

This is a modified jumbotron that occupies the entire horizontal space of its parent.


Copyright 2020 Clenontec

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


All these completly FREE under MIT license. You can use
Gaweshani UI Kit
even commercially!






Sharing is caring, support us by just sharing.