Skip to content
KolayCSS

Installation

There are two ways to add KolayCSS to your project: a classic <link> tag or automatic <style> injection through JavaScript.

1. Download the files

Copy framework.css and framework.js from the download page into your project folder.

Go to download page

Option A - Link the CSS file

The classic Bootstrap way: styles are loaded with a <link> tag.

Add this to your HTML page

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/muharremy27/kolaycss@main/kolaycss.css?v=1.2">

Option B - Let the JavaScript do everything

This method adds the CSS codes as a <style> tag automatically, no <link> required. This whole site runs this way.

<script src="https://cdn.jsdelivr.net/gh/muharremy27/kolaycss@main/kolaycss.min.js?v=1.2"></script>
When kolaycss.min.js loads it appends a <style id="framework-style"> to <head> with the full framework CSS. You can also call it manually at any time with window.KolayCSS.inject().

Recommended project structure

A suggested folder layout:

my-site/
├── assets/
│   ├── kolaycss.css
│   └── kolaycss.min.js
└── index.html

framework.js already carries the framework.css codes internally; you do not need to load both.