npm package: @jehankandy/jkcss
Description: JKCSS - A CSS Framework
Author: @jehankandy
Latest version: 6.0.0

<h1 align="center"> JKCSS-Framework </h1>
<p align="center"><img src="https://avatars.githubusercontent.com/u/111488170?s=200&v=4"></p>

<p align="center">The First Sri Lankan Utility-First CSS Framework</p>

# About JKCSS

- Location: Sri Lanka
- The First (1st) CSS Framework Developed in Sri Lanka 
- The First Sri Lankan Utility-First CSS Framework 

# Introduction

All previous releases in [JKCSS](https://github.com/JKCSS/JKCSS-Framework)

- Utility-First CSS Framework 

- The JKCSS is a one of CSS Frameworks. and JKCSS underdevelopment. Any person who likes Web development and design feel free to use this Framework

- Current Release : [v6.0.0 - 05 May 2024 Latest](https://github.com/JKCSS-CSS-Framework/JKCSS-Framework/releases/tag/v6.0.0)

- Publishing as a Npm Package version [v1.0.1](https://github.com/JKCSS-CSS-Framework/JKCSS-Framework/releases/tag/v1.0.1). as version 1.0.0 in Npm 

- NPM link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)

- The JKCSS CSS - Frameworks Release -v1.0.0 ( Releases) 04 June 2023 is Releases with domain name 

- Domain name For Framework [JKCSS - CSS Frameworks](https://jkcss.github.io/JKCSS-Framework/site/content/docs/index.html)

- Version 1.0.1-alpha1 - Developing layouts for css (Testing) - grid, rows, columns

- The [JKCSS Icons](https://jkcss-css-framework.github.io/JKCSS-Icons/site/content/docs/) 

- The Repo [JKCSS Icons](https://github.com/JKCSS-CSS-Framework/JKCSS-Icons) 

- The layouts for css (grid, rows, columns) added in 3.0.0 version

- javascrip added in Version v4.0.0

- in [jsdelivr](https://www.jsdelivr.com/package/npm/@jehankandy/jkcss)

| Work on | Status |
| --------- | ------- |
| Vite | Successful |
| React | Successful |
| Laravel | Testing.... |

# Projects

- Project JKCSS (Started 18 May 2023)

# Documentation

| Class | Description |
| -------- | -------- |
| jkbtn jkbtn-blue | button blue |
| jkbtn jkbtn-gray | button gray |
| jkbtn jkbtn-green | button green |
| jkbtn jkbtn-red | button red |
| jkbtn jkbtn-yellow | button yellow |
| jkbtn jkbtn-info | button info |
| jkbtn jkbtn-blue-outline | button blue Outline  |
| jkbtn jkbtn-gray-outline | button gray Outline  |
| jkbtn jkbtn-green-outline | button green Outline  |
| jkbtn jkbtn-red-outline | button red Outline  |
| jkbtn jkbtn-yellow-outline | button yellow Outline  |
| jkbtn jkbtn-info-outline | button info Outline  |
| jkbtn-sm jkbtn-blue | Button Small Blue  |
| jkbtn-sm jkbtn-blue-outline | Button Small Blue Outline  |
| jkbtn-lg jkbtn-blue | Button Large Blue  |
| jkbtn-lg jkbtn-blue-outline | Button Large Blue Outline  |
| jk-h1 | JKCSS Heading 1  |
| jk-h2 | JKCSS Heading 2  |
| jk-h3 | JKCSS Heading 3  |
| jk-h4 | JKCSS Heading 4  |
| jk-h5 | JKCSS Heading 5  |
| jk-h6 | JKCSS Heading 6  |
| jk-display-1 | JKCSS Display 1  |
| jk-display-2 | JKCSS Display 2  |
| jk-display-3 | JKCSS Display 3  |
| jk-display-4 | JKCSS Display 4  |
| jk-display-5 | JKCSS Display 5  |
| jk-display-6 | JKCSS Display 6  |
| line | row of the columns |
| rec-1 | column 1 |
| rec-2 | column 2 |
| rec-3 | column 3 |
| rec-4 | column 4 |
| rec-5 | column 5 |
| rec-6 | column 6 |
| rec-7 | column 7 |
| rec-8 | column 8 |
| rec-9 | column 9 |
| rec-10 | column 10 |
| rec-11 | column 11 |
| rec-12 | column 12 |
| modal | base class of Modal |
| control-jkforms | For all Form inputs |
| jk-card | For Cards |
| jk-table | base tale |
| jk-table hover-table | base table hover rows |
| alertjk alertjk-blue | Blue Alert |
| alertjk alertjk-gray | Gray Alert |
| alertjk alertjk-green | Green Alert |
| alertjk alertjk-red | Red Alert |
| alertjk alertjk-yellow | Yellow Alert |
| alertjk alertjk-info | Light Blue Alert |
| jk-img | image |
| jk-img sm | image small |
| jk-img md | image Medium |
| jk-img lg | image large |
| jk-img rounded-2 to rounded-100 | image Border radious 2px to 100px |
| justify-between | justify-content: between; |
| justify-end | justify-content: end; |
| justify-start | justify-content: start; |
| justify-even | justify-content: even; |
| justify-around | justify-content: around; |
| justify-left | justify-content: left; |
| justify-right | justify-content: right; |
| justify-center | justify-content: center; |
| m | margin: ; |
| my | margin: value 0; |
| mx | margin: 0 value; |
| p | padding: ; |
| py | padding: value 0; |
| px | padding: 0 value; |
| btn-group | button group |

# History

| Releases  | Released Date | Description |
| ------------- | ------------- | --------------- |
| v0.1.0  | 18 May 2023  | site Develop |
| v0.1.1  | 31 May 2023  | site Develop |
| v0.2.0  | 04 June 2023  | site Develop |
| v1.0.0-beta1  | 04 June 2023  | buttons |
| v1.0.0-beta2  | 11 August 2023  | buttons |
| v1.0.0  | 21 August 2023  | buttons |
| v1.0.1-alpha1  | 31 October 2023  | buttons |
| v1.0.1  | 07 December 2023  | buttons |
| v1.1.0-alpha1  | 12 December 2023  | buttons |
| v1.1.0  | 24 December 2023  | buttons |
| v1.2.0  | 26 December 2023  | buttons |
| v2.0.0  | 01 January 2024  | Typography |
| v2.1.0-alpha1  | 02 January 2024  | Typography |
| v2.1.0-beta1  | 04 January 2024  | site Develop , Typography |
| v3.0.0  | 16 January 2024  | Layouts, columns |
| v3.0.1  | 22 January 2024  | Layouts, columns |
| v4.0.0  | 24 January 2024  | javascript, Modals |
| v4.1.0-beta1  | 24 January 2024  | checking Forms |
| v4.1.0  | 25 January 2024  | Forms, Cards, Tables  |
| v4.1.1  | 27 January 2024  | Fixing Bugs on Modals  |
| v4.2.0  | 27 January 2024  | Adding HTMl Alerts  |
| v4.3.0  | 30 January 2024  | Fixing Bugs, Adding Multiple Modals  |
| v4.4.0  | 7 February 2024  | Adding Styles for Images  |
| v4.5.0  | 12 February 2024  | Adding Alignment for Images, Spacing in Framework  |
| v5.0.0-beta1  | 22 February 2024  | Develop Framework Site  |
| v5.0.0-beta2  | 24 February 2024  | Develop Framework Site  |
| v5.0.0  | 25 February 2024  | Adding First work on Framwork  |
| v5.1.0  | 08 March 2024  | Updating Button , Adding Button Groups  |
| v6.0.0  | 05 May 2024  | 6th Major Release : Utility-First Approach  |

# Releases


## Version - v6.0.0 - 05 May 2024 Latest

- Improve Base Interfaces
- Develop site Interface
- 6th Major Release : Utility-First Approach 


## Version - v5.1.0 - 8 March 2024 

- Improve Base Interfaces
- Develop site Interface
- Updating Button
- - Adding Button Groups 


## Version - v5.0.0 - 25 February 2024 

- No for NPM Release
- Improve Base Interfaces
- Develop site Interface
- adding first work on Framework (Vite.js)
- 5th Major Release : works on Vite.js

## Version - v5.0.0-beta2 - 24 February 2024 

- No for NPM Release
- Improve Base Interfaces
- Develop site Interface
- Develop the docs interface more user-friendly


## Version - v5.0.0-beta1 - 22 February 2024 

- No for NPM Release
- Improve Base Interfaces
- Develop site Interface

## Version - v4.5.0 - 12 February 2024 

- updating <b>NPM pacakege</b> for framework (8th version)
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- adding Alignment of Images
- adding Spacing in Framework


## Version - v4.4.0 - 7 February 2024 

- updating <b>NPM pacakege</b> for framework (8th version)
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- adding Styles of Images

## Version - v4.3.0 - 30 January 2024 

- updating <b>NPM pacakege</b> for framework (8th version)
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- fixing bugs on v4.0.0 to v4.2.0 on Modals
- adding multiple modals in same page

## Version - v4.2.0 - 27 January 2024 

- updating <b>NPM pacakege</b> for framework (8th version)
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- Adding Alerts

## Version - v4.1.1 - 27 January 2024 

- updating <b>NPM pacakege</b> for framework (8th version)
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- Fixing Bugs on Modals
- - User Friendly Moldes

## Version - v4.1.0 - 25 January 2024 

- updating <b>NPM pacakege</b> for framework (7th version)
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- Checking Forms for Adding
- Adding Forms
- Adding Cards
- Adding Tables

## Version - v4.1.0-beta1 - 24 January 2024 

- updating <b>NPM pacakege</b> for framework (7th version)
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- Checking Forms for Adding


## Version - v4.0.0 - 24 January 2024 

- 1st version with javascript
- updating <b>NPM pacakege</b> for framework (7th version)
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- adding Modals
- adding javascripts
- 4th Major Release : Adding (javascript)

## Version - v3.0.1 - 22 January 2024 

- updating <b>NPM pacakege</b> for framework (6th version)
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- Updating Layouts(responsive columns)

## Version - v3.0.0 - 16 January 2024 

- updating <b>NPM pacakege</b> for framework (6th version)
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- 3rd Major Release : Adding layout (columns)

## Version - v2.1.0-beta1 - 04 January 2024 

- updating <b>NPM pacakege</b> for framework (5th version)
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- updating new Docs (typography)
- - adding HTML inline elements
- fixing bugs
- - remove all version vice folders
- - now only one folder
- adding user friendly responsive navbar

## Version - v2.1.0-alpha1 - 02 January 2024 

- updating <b>NPM pacakege</b> for framework (4th version)
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- updating new Docs (typography)
- - adding jk-display styles

## Version - v2.0.0 - 01 January 2024 

- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- adding new Docs (typography)

## Version - v1.2.0 - 26 December 2023 

- updating <b>NPM pacakege</b> for framework (3rd version)
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- disabled state of all Buttons (Basic, outline)
- button sizes (small, Large)

## Version - v1.1.0 - 24 December 2023 

- updating <b>NPM pacakege</b> for framework (2nd version)
- fixing bugs on v1.0.1
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- disabled state of all Buttons (Basic, outline)
- start adding css to html layouts (still Testing)


## Version - v1.1.0-alpha1 - 12 December 2023 

- updating <b>NPM pacakege</b> for framework (1st version)
- fixing bugs
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- start adding css to html components
- start adding css to html layouts (still Testing)

## Version - v1.0.1 - 07 December 2023 

- adding <b>NPM pacakege</b> for framework (1st version)
- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)
- Improve Base Interfaces
- non-production ready
- getting ready for adding CSS styles with CDN
- start adding css to html components
- start adding css to html layouts (still Testing)

## Version - v1.0.1-alpha1 - 31 October 2023

- Improve Base Interfaces
- non-production ready
- getting ready for adding CSS styles with CDN
- start adding css to html components
- start adding css to html layouts (Testing)

## Version - v1.0.0 - 21 August 2023 

- adding CDN link
- Improve Base Interfaces
- Still non-production ready
- getting ready for adding CSS styles with CDN
- start adding css to html components

## Version - v1.0.0-beta2 - 11 August 2023 

- adding CDN link
- Improve Base Interfaces
- Still non-production ready
- getting ready for adding CSS styles with CDN

## Version - v1.0.0-beta1 - 04 June 2023 

- adding CDN link
- Improve Base Interfaces
- Still non-production ready


## Version - v0.2.0 (TEST Releases) - 04 June 2023

- adding domain name for testing purposes 
- Improve Base Interfaces
- non-production ready

## Version - v0.1.1 (pre-release) - 31 May 2023

- Improve Base Interfaces
- non-production ready


## Version - v0.1.0 (pre-release) - 18 May 2023

- Develop Base Interfaces
- non-production ready


# Developers
 
  - [JehanKandy](https://github.com/BackendExpert) - JehanKandy (Founder/Developer)
  - [Vinura Pathirana](https://github.com/VinuraPathirana) - Vinura Pathirana (Developer)
  - [Anupa Gamage](https://github.com/Anupa1998) - Anupa Gamage (Developer)



# Copyright and license

Copyright 2021–2023 [JehanKandy](https://github.com/JehanKandy). The JKCSS Project released under the [MIT License](https://github.com/JKCSS/JKCSS-Framework/blob/main/LICENSE)

 
<br>
 
Please use this link to my OLD Account [JehanKandy](https://github.com/JehanKandy)