CSS

CSS

Switches

<inputtype="checkbox" id="check1" class="toggle"><labelfor="check1">Default switch</label><inputtype="checkbox" id="check2" class="toggle colored"><labelfor="check2">Colored switch</label><inputtype="checkbox" id="check3" class="toggle" disabled><labelfor="check3">Disabled switch</label>

Additional classes:colored

Buttons

<buttonclass="btn">Default button</button><buttonclass="btn danger">Danger(red) button</button><buttonclass="btn success">success(green) button</button><buttonclass="btn main">Main button</button>

Additional classes:

• Default buttons:danger, success, main and rounded
• Buttons for "social networks" and important sites:vk, discord, google, twitter, github and reddit

Inputs

<inputtype="text" class="input" placeholder="Text input"><inputtype="file" class="input"> // File input
<inputtype="text" class="input validation" requiredplaceholder="Text input with validation"><selectclass="select"><optgrouplabel="Select 1"><optionvalue="1.1">Option 1.1</option><optionvalue="1.2">Option 1.2</option></optgroup><optgrouplabel="Select 2"><optionvalue="2.1">Option 2.1</option><optionvalue="2.2">Option 2.2</option></optgroup></select><textareaclass="input" placeholder="Textarea input"></textarea>

Scrollbar

<htmlclass="custom-scrollbar">
...
</html>

Tooltips

<divdata-tooltip="This is a tooltip!">Hover at me</div>