BUI
Build UI
This is the best UI library for webdesign. Now you can do design faster than before, to read the documentation of BUI
Documentation
BUI
DOCUMENTATION
BUI has the good documentation for clear understanding. Enjoy your web design with BUI
BUI
Installation
Installation of bui is very easy.Since HTML is the skeleton of any website and all the website have html file.So you just need to add this tag to your index.html file.
<link rel="stylesheet" href="https://built-ui-data.netlify.app/index.css">
Text utility
type of font size :
- Type one
- Type two
- Type three
- Type four
hello worldthis is the biggest font size for headings, to use this you need to add class="bui-head1" in your tag.
hello worldthis font sizes are used for headings, to use this you need to add class="bui-head2" in your tag.
hello worldthis font sizes are used for headings, to use this you need to add class="bui-head3" in your tag.
hello worldthis font sizes are used for headings, to use this you need to add class="bui-head4" in your tag.
How to use :
things to note :
you need to add this names in your tag, to get that properties
- for largest font size use - class="bui-head1"
- for large font size use - class="bui-head2"
- for normal font size use - class="bui-head3"
- for bui-small font size use - class="bui-head4"
normal texts :
type of font size :
- Type one
- Type two
- Type three
- Type four
h1this is the biggest font size for headings, to use this you need to add class="bui-p1" in your tag.
h2this font sizes are used for headings, to use this you need to add class="bui-p2" in your tag.
h3this font sizes are used for headings, to use this you need to add class="bui-p3" in your tag.
bui-smallthis font sizes are used for headings, to use this you need to add class="bui-small" in your tag.
How to use :
things to note :
you need to add this names in your tag, to get that properties
- for largest font size use - class="bui-p1"
- for large font size use - class="bui-p2"
- for normal font size use - class="bui-p3"
- for bui-small font size use - class="bui-small"
colored texts :
How to use :
things to note :
you need to add this names in your tag, to get that properties
- for CTA colour 1 txt use - class="bui-cta1"
- for CTA colour 2 txt use - class="bui-cta2"
- for CTA colour 3 txt use - class="bui-cta3"
- for Red coloured txt use - class="bui-txt-red"
- for GREEN coloured txt use - class="bui-txt-green"
- for YELLOW coloured txt use - class="bui-txt-yellow"
- for GRAY coloured txt use - class="bui-txt-gray"
- for BLACK coloured txt use - class="bui-txt-black"
- for WHITE coloured txt use - class="bui-txt-white"
types of texts :
- bold
- deleted
- underlined
- bui-highlighted
- bui-highlighted
- bui-highlighted
- bui-highlighted
How to use :
things to note :
you need to add this names in your tag, to get that properties
- for bui-Highlighted CTA colour 1 txt use - class="bui-highlighted-cta1"
- for bui-Highlighted CTA colour 2 txt use - class="bui-highlighted-cta2"
- for bui-Highlighted CTA colour 3 txt use - class="bui-highlighted-cta3"
- for bui-Highlighted txt use - class="bui-highlighted"
- for Underlined txt use - class="bui-txt-underline"
- for Deleted txt use - class="bui-txt-del"
- for Bold txt use - class="bui-txt-bold"
Texts alignment :
Text alignments are used to align the text to right/lrft/center of container.
Left text
Center text
Right text
How to use :
things to note :
you need to add this names in your tag, to get that properties
- for Centeredtxt use - class="bui-txt-center"
- for Right aligned txt use - class="bui-txt-right"
- for Left aligned txt use - class="bui-txt-left"