Tikui pattern library

Use

Import style using <link> tag:

HTML

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />

<link rel="stylesheet" href="https://tikui.via-lucis.fr/tikui.css"/>
<link rel="stylesheet" href="https://tikui.via-lucis.fr/font/aliens-cows.css" as="style" onload="this.onload=null; this.rel='stylesheet'"/>
<link rel="stylesheet" href="https://tikui.via-lucis.fr/font/aliens-cows.ttf" as="style" onload="this.onload=null; this.rel='stylesheet'"/>
<link rel="stylesheet" href="https://tikui.via-lucis.fr/font/poppins/400.css" as="style" onload="this.onload=null; this.rel='stylesheet'"/>
<link rel="stylesheet" href="https://tikui.via-lucis.frfont/poppins/files/poppins-latin-ext-400-normal.woff" as="style" onload="this.onload=null; this.rel='stylesheet'"/>
<link rel="stylesheet" href="https://tikui.via-lucis.frfont/poppins/files/poppins-latin-ext-400-normal.woff2" as="style" onload="this.onload=null; this.rel='stylesheet'"/>
<link rel="stylesheet" href="https://tikui.via-lucis.frfont/poppins/files/poppins-latin-400-normal.woff" as="style" onload="this.onload=null; this.rel='stylesheet'"/>
<link rel="stylesheet" href="https://tikui.via-lucis.frfont/poppins/files/poppins-latin-400-normal.woff2" as="style" onload="this.onload=null; this.rel='stylesheet'"/>

Documentation

The Style have an Atomic Design structure.