Introduction to CheckMate

CheckMate is an open source component library which helps developers build their projects, faster and in an elegant way. It allows developers to add classes to their html elements and do not care of any styling.

Installation Guide

In order to use CheckMate UI, just copy paste the below link in the head tag of your html document, above all other stylesheets.

                        
<link rel="stylesheet" href="https://checkmate-ui.netlify.app/css/components.css" />

Starter template

Set up your page with latest designs and development standards, which means tp use HTML5 doctype and a viewport meta tag so that responsive behaviour of the components can be maintained.

                        
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- CheckMate CSS -->
    <link rel="stylesheet" href="https://checkmate-ui.netlify.app/css/components.css" />
    
    <title>CheckMate UI</title>
</head>

<body>
    <h2>Hello, CheckMate!</h2>
</body>

</html>