v1.2
Small, simple and ready
KolayCSS is a Bootstrap-like CSS framework. Use a classic <link> tag, or use framework.js — the JavaScript adds all styles to your page automatically as a <style> tag.
Quick start
One line! assets/kolaycss.min.js adds the full framework CSS to your page as <style id="framework-style">.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="https://cdn.jsdelivr.net/gh/muharremy27/kolaycss@main/kolaycss.min.js?v=1.2"></script>
</head>
<body>
<button class="btn btn-primary">Hello!</button>
</body>
</html>Features
12-column grid
Fully responsive with sm, md, lg and xl breakpoints.
Full color system
primary, secondary, success, danger, warning, info, light and dark.
No build step
No Sass, no dependencies, no toolchain. Copy a file and go.
JS style injection
kolaycss.min.js injects the CSS codes as a <style> tag automatically.
Examples
Every component on its own page: a live demo and a copyable code listing.