{"id":19482119,"url":"https://github.com/jkcss-css-framework/jkcss-framework","last_synced_at":"2025-07-14T00:09:49.682Z","repository":{"id":187688399,"uuid":"677380902","full_name":"JKCSS-CSS-Framework/JKCSS-Framework","owner":"JKCSS-CSS-Framework","description":"CSS Framework","archived":false,"fork":false,"pushed_at":"2024-11-06T01:49:29.000Z","size":687,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-02-25T17:39:22.067Z","etag":null,"topics":["css","css-framework","framework","web-frameworks"],"latest_commit_sha":null,"homepage":"https://jkcss-css-framework.github.io/JKCSS-Framework/site/content/docs/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/JKCSS-CSS-Framework.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-08-11T12:33:54.000Z","updated_at":"2024-11-06T01:49:33.000Z","dependencies_parsed_at":"2023-08-11T19:21:59.357Z","dependency_job_id":"78cc2814-a2fe-4b93-87c2-e19c35ada341","html_url":"https://github.com/JKCSS-CSS-Framework/JKCSS-Framework","commit_stats":null,"previous_names":["jkcss-css-framework/jkcss-framework"],"tags_count":26,"template":false,"template_full_name":null,"purl":"pkg:github/JKCSS-CSS-Framework/JKCSS-Framework","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JKCSS-CSS-Framework%2FJKCSS-Framework","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JKCSS-CSS-Framework%2FJKCSS-Framework/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JKCSS-CSS-Framework%2FJKCSS-Framework/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JKCSS-CSS-Framework%2FJKCSS-Framework/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JKCSS-CSS-Framework","download_url":"https://codeload.github.com/JKCSS-CSS-Framework/JKCSS-Framework/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JKCSS-CSS-Framework%2FJKCSS-Framework/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265224178,"owners_count":23730348,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css-framework","framework","web-frameworks"],"created_at":"2024-11-10T20:08:33.872Z","updated_at":"2025-07-14T00:09:49.662Z","avatar_url":"https://github.com/JKCSS-CSS-Framework.png","language":"HTML","readme":"\u003ch1 align=\"center\"\u003e JKCSS-Framework \u003c/h1\u003e\n\u003cp align=\"center\"\u003e\u003cimg src=\"https://avatars.githubusercontent.com/u/111488170?s=200\u0026v=4\"\u003e\u003c/p\u003e\n\n\u003cp align=\"center\"\u003eThe First Sri Lankan Utility-First CSS Framework\u003c/p\u003e\n\n# About JKCSS\n\n- Location: Sri Lanka\n- The First (1st) CSS Framework Developed in Sri Lanka\n- The First South Asian CSS Framework\n- The First Sri Lankan Utility-First CSS Framework \n\n# Introduction\n\nAll previous releases in [JKCSS](https://github.com/JKCSS/JKCSS-Framework)\n\n- Utility-First CSS Framework \n\n- 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\n\n- Current Release : [v6.0.0 - 05 May 2024 Latest](https://github.com/JKCSS-CSS-Framework/JKCSS-Framework/releases/tag/v6.0.0)\n\n- 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 \n\n- NPM link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n\n- The JKCSS CSS - Frameworks Release -v1.0.0 ( Releases) 04 June 2023 is Releases with domain name \n\n- Domain name For Framework [JKCSS - CSS Frameworks](https://jkcss.github.io/JKCSS-Framework/site/content/docs/index.html)\n\n- Version 1.0.1-alpha1 - Developing layouts for css (Testing) - grid, rows, columns\n\n- The [JKCSS Icons](https://jkcss-css-framework.github.io/JKCSS-Icons/site/content/docs/) \n\n- The Repo [JKCSS Icons](https://github.com/JKCSS-CSS-Framework/JKCSS-Icons) \n\n- The layouts for css (grid, rows, columns) added in 3.0.0 version\n\n- javascrip added in Version v4.0.0\n\n- in [jsdelivr](https://www.jsdelivr.com/package/npm/@jehankandy/jkcss)\n\n| Work on | Status |\n| --------- | ------- |\n| Vite | Successful |\n| React | Successful |\n| Laravel | Testing.... |\n\n# Projects\n\n- Project JKCSS (Started 18 May 2023)\n\n# Documentation\n\n| Class | Description |\n| -------- | -------- |\n| jkbtn jkbtn-blue | button blue |\n| jkbtn jkbtn-gray | button gray |\n| jkbtn jkbtn-green | button green |\n| jkbtn jkbtn-red | button red |\n| jkbtn jkbtn-yellow | button yellow |\n| jkbtn jkbtn-info | button info |\n| jkbtn jkbtn-blue-outline | button blue Outline  |\n| jkbtn jkbtn-gray-outline | button gray Outline  |\n| jkbtn jkbtn-green-outline | button green Outline  |\n| jkbtn jkbtn-red-outline | button red Outline  |\n| jkbtn jkbtn-yellow-outline | button yellow Outline  |\n| jkbtn jkbtn-info-outline | button info Outline  |\n| jkbtn-sm jkbtn-blue | Button Small Blue  |\n| jkbtn-sm jkbtn-blue-outline | Button Small Blue Outline  |\n| jkbtn-lg jkbtn-blue | Button Large Blue  |\n| jkbtn-lg jkbtn-blue-outline | Button Large Blue Outline  |\n| jk-h1 | JKCSS Heading 1  |\n| jk-h2 | JKCSS Heading 2  |\n| jk-h3 | JKCSS Heading 3  |\n| jk-h4 | JKCSS Heading 4  |\n| jk-h5 | JKCSS Heading 5  |\n| jk-h6 | JKCSS Heading 6  |\n| jk-display-1 | JKCSS Display 1  |\n| jk-display-2 | JKCSS Display 2  |\n| jk-display-3 | JKCSS Display 3  |\n| jk-display-4 | JKCSS Display 4  |\n| jk-display-5 | JKCSS Display 5  |\n| jk-display-6 | JKCSS Display 6  |\n| line | row of the columns |\n| rec-1 | column 1 |\n| rec-2 | column 2 |\n| rec-3 | column 3 |\n| rec-4 | column 4 |\n| rec-5 | column 5 |\n| rec-6 | column 6 |\n| rec-7 | column 7 |\n| rec-8 | column 8 |\n| rec-9 | column 9 |\n| rec-10 | column 10 |\n| rec-11 | column 11 |\n| rec-12 | column 12 |\n| modal | base class of Modal |\n| control-jkforms | For all Form inputs |\n| jk-card | For Cards |\n| jk-table | base tale |\n| jk-table hover-table | base table hover rows |\n| alertjk alertjk-blue | Blue Alert |\n| alertjk alertjk-gray | Gray Alert |\n| alertjk alertjk-green | Green Alert |\n| alertjk alertjk-red | Red Alert |\n| alertjk alertjk-yellow | Yellow Alert |\n| alertjk alertjk-info | Light Blue Alert |\n| jk-img | image |\n| jk-img sm | image small |\n| jk-img md | image Medium |\n| jk-img lg | image large |\n| jk-img rounded-2 to rounded-100 | image Border radious 2px to 100px |\n| justify-between | justify-content: between; |\n| justify-end | justify-content: end; |\n| justify-start | justify-content: start; |\n| justify-even | justify-content: even; |\n| justify-around | justify-content: around; |\n| justify-left | justify-content: left; |\n| justify-right | justify-content: right; |\n| justify-center | justify-content: center; |\n| m | margin: ; |\n| my | margin: value 0; |\n| mx | margin: 0 value; |\n| p | padding: ; |\n| py | padding: value 0; |\n| px | padding: 0 value; |\n| btn-group | button group |\n\n# History\n\n| Releases  | Released Date | Description |\n| ------------- | ------------- | --------------- |\n| v0.1.0  | 18 May 2023  | site Develop |\n| v0.1.1  | 31 May 2023  | site Develop |\n| v0.2.0  | 04 June 2023  | site Develop |\n| v1.0.0-beta1  | 04 June 2023  | buttons |\n| v1.0.0-beta2  | 11 August 2023  | buttons |\n| v1.0.0  | 21 August 2023  | buttons |\n| v1.0.1-alpha1  | 31 October 2023  | buttons |\n| v1.0.1  | 07 December 2023  | buttons |\n| v1.1.0-alpha1  | 12 December 2023  | buttons |\n| v1.1.0  | 24 December 2023  | buttons |\n| v1.2.0  | 26 December 2023  | buttons |\n| v2.0.0  | 01 January 2024  | Typography |\n| v2.1.0-alpha1  | 02 January 2024  | Typography |\n| v2.1.0-beta1  | 04 January 2024  | site Develop , Typography |\n| v3.0.0  | 16 January 2024  | Layouts, columns |\n| v3.0.1  | 22 January 2024  | Layouts, columns |\n| v4.0.0  | 24 January 2024  | javascript, Modals |\n| v4.1.0-beta1  | 24 January 2024  | checking Forms |\n| v4.1.0  | 25 January 2024  | Forms, Cards, Tables  |\n| v4.1.1  | 27 January 2024  | Fixing Bugs on Modals  |\n| v4.2.0  | 27 January 2024  | Adding HTMl Alerts  |\n| v4.3.0  | 30 January 2024  | Fixing Bugs, Adding Multiple Modals  |\n| v4.4.0  | 7 February 2024  | Adding Styles for Images  |\n| v4.5.0  | 12 February 2024  | Adding Alignment for Images, Spacing in Framework  |\n| v5.0.0-beta1  | 22 February 2024  | Develop Framework Site  |\n| v5.0.0-beta2  | 24 February 2024  | Develop Framework Site  |\n| v5.0.0  | 25 February 2024  | Adding First work on Framwork  |\n| v5.1.0  | 08 March 2024  | Updating Button , Adding Button Groups  |\n| v6.0.0  | 05 May 2024  | 6th Major Release : Utility-First Approach  |\n\n# Releases\n\n\n## Version - v6.0.0 - 05 May 2024 Latest\n\n- Improve Base Interfaces\n- Develop site Interface\n- 6th Major Release : Utility-First Approach \n\n\n## Version - v5.1.0 - 8 March 2024 \n\n- Improve Base Interfaces\n- Develop site Interface\n- Updating Button\n- - Adding Button Groups \n\n\n## Version - v5.0.0 - 25 February 2024 \n\n- No for NPM Release\n- Improve Base Interfaces\n- Develop site Interface\n- adding first work on Framework (Vite.js)\n- 5th Major Release : works on Vite.js\n\n## Version - v5.0.0-beta2 - 24 February 2024 \n\n- No for NPM Release\n- Improve Base Interfaces\n- Develop site Interface\n- Develop the docs interface more user-friendly\n\n\n## Version - v5.0.0-beta1 - 22 February 2024 \n\n- No for NPM Release\n- Improve Base Interfaces\n- Develop site Interface\n\n## Version - v4.5.0 - 12 February 2024 \n\n- updating \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (8th version)\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- adding Alignment of Images\n- adding Spacing in Framework\n\n\n## Version - v4.4.0 - 7 February 2024 \n\n- updating \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (8th version)\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- adding Styles of Images\n\n## Version - v4.3.0 - 30 January 2024 \n\n- updating \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (8th version)\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- fixing bugs on v4.0.0 to v4.2.0 on Modals\n- adding multiple modals in same page\n\n## Version - v4.2.0 - 27 January 2024 \n\n- updating \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (8th version)\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- Adding Alerts\n\n## Version - v4.1.1 - 27 January 2024 \n\n- updating \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (8th version)\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- Fixing Bugs on Modals\n- - User Friendly Moldes\n\n## Version - v4.1.0 - 25 January 2024 \n\n- updating \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (7th version)\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- Checking Forms for Adding\n- Adding Forms\n- Adding Cards\n- Adding Tables\n\n## Version - v4.1.0-beta1 - 24 January 2024 \n\n- updating \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (7th version)\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- Checking Forms for Adding\n\n\n## Version - v4.0.0 - 24 January 2024 \n\n- 1st version with javascript\n- updating \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (7th version)\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- adding Modals\n- adding javascripts\n- 4th Major Release : Adding (javascript)\n\n## Version - v3.0.1 - 22 January 2024 \n\n- updating \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (6th version)\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- Updating Layouts(responsive columns)\n\n## Version - v3.0.0 - 16 January 2024 \n\n- updating \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (6th version)\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- 3rd Major Release : Adding layout (columns)\n\n## Version - v2.1.0-beta1 - 04 January 2024 \n\n- updating \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (5th version)\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- updating new Docs (typography)\n- - adding HTML inline elements\n- fixing bugs\n- - remove all version vice folders\n- - now only one folder\n- adding user friendly responsive navbar\n\n## Version - v2.1.0-alpha1 - 02 January 2024 \n\n- updating \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (4th version)\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- updating new Docs (typography)\n- - adding jk-display styles\n\n## Version - v2.0.0 - 01 January 2024 \n\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- adding new Docs (typography)\n\n## Version - v1.2.0 - 26 December 2023 \n\n- updating \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (3rd version)\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- disabled state of all Buttons (Basic, outline)\n- button sizes (small, Large)\n\n## Version - v1.1.0 - 24 December 2023 \n\n- updating \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (2nd version)\n- fixing bugs on v1.0.1\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- disabled state of all Buttons (Basic, outline)\n- start adding css to html layouts (still Testing)\n\n\n## Version - v1.1.0-alpha1 - 12 December 2023 \n\n- updating \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (1st version)\n- fixing bugs\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- start adding css to html components\n- start adding css to html layouts (still Testing)\n\n## Version - v1.0.1 - 07 December 2023 \n\n- adding \u003cb\u003eNPM pacakege\u003c/b\u003e for framework (1st version)\n- npm link: [@jehankandy/jkcss](https://www.npmjs.com/package/@jehankandy/jkcss)\n- Improve Base Interfaces\n- non-production ready\n- getting ready for adding CSS styles with CDN\n- start adding css to html components\n- start adding css to html layouts (still Testing)\n\n## Version - v1.0.1-alpha1 - 31 October 2023\n\n- Improve Base Interfaces\n- non-production ready\n- getting ready for adding CSS styles with CDN\n- start adding css to html components\n- start adding css to html layouts (Testing)\n\n## Version - v1.0.0 - 21 August 2023 \n\n- adding CDN link\n- Improve Base Interfaces\n- Still non-production ready\n- getting ready for adding CSS styles with CDN\n- start adding css to html components\n\n## Version - v1.0.0-beta2 - 11 August 2023 \n\n- adding CDN link\n- Improve Base Interfaces\n- Still non-production ready\n- getting ready for adding CSS styles with CDN\n\n## Version - v1.0.0-beta1 - 04 June 2023 \n\n- adding CDN link\n- Improve Base Interfaces\n- Still non-production ready\n\n\n## Version - v0.2.0 (TEST Releases) - 04 June 2023\n\n- adding domain name for testing purposes \n- Improve Base Interfaces\n- non-production ready\n\n## Version - v0.1.1 (pre-release) - 31 May 2023\n\n- Improve Base Interfaces\n- non-production ready\n\n\n## Version - v0.1.0 (pre-release) - 18 May 2023\n\n- Develop Base Interfaces\n- non-production ready\n\n\n# Developers\n \n  - [JehanKandy](https://github.com/BackendExpert) - JehanKandy (Founder/Developer)\n  - [Vinura Pathirana](https://github.com/VinuraPathirana) - Vinura Pathirana (Developer)\n  - [Anupa Gamage](https://github.com/Anupa1998) - Anupa Gamage (Developer)\n\n\n\n# Copyright and license\n\nCopyright 2021–2023 [JehanKandy](https://github.com/JehanKandy). The JKCSS Project released under the [MIT License](https://github.com/JKCSS/JKCSS-Framework/blob/main/LICENSE)\n\n \n\u003cbr\u003e\n \nPlease use this link to my OLD Account [JehanKandy](https://github.com/JehanKandy)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjkcss-css-framework%2Fjkcss-framework","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjkcss-css-framework%2Fjkcss-framework","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjkcss-css-framework%2Fjkcss-framework/lists"}