Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jkcss-css-framework/jkcss-framework
CSS Framework
https://github.com/jkcss-css-framework/jkcss-framework
css css-framework framework web-frameworks
Last synced: 5 days ago
JSON representation
CSS Framework
- Host: GitHub
- URL: https://github.com/jkcss-css-framework/jkcss-framework
- Owner: JKCSS-CSS-Framework
- License: mit
- Created: 2023-08-11T12:33:54.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-11-06T01:49:29.000Z (9 days ago)
- Last Synced: 2024-11-06T02:39:34.690Z (9 days ago)
- Topics: css, css-framework, framework, web-frameworks
- Language: HTML
- Homepage: https://jkcss-css-framework.github.io/JKCSS-Framework/site/content/docs/
- Size: 667 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
JKCSS-Framework
The First Sri Lankan Utility-First CSS Framework
# About JKCSS
- Location: Sri Lanka
- The First (1st) CSS Framework Developed in Sri Lanka
- The First South Asian CSS Framework
- 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)
Please use this link to my OLD Account [JehanKandy](https://github.com/JehanKandy)