The First Sri Lankan Utility-First CSS Framework
# 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 NPM pacakege 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 NPM pacakege 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 NPM pacakege 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 NPM pacakege 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 NPM pacakege 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 NPM pacakege 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 NPM pacakege 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 NPM pacakege 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 NPM pacakege 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 NPM pacakege 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 NPM pacakege 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 NPM pacakege 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 NPM pacakege 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 NPM pacakege 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 NPM pacakege 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 NPM pacakege 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)