The First Sri Lankan Utility-First CSS Framework
- Location: Sri Lanka
- The First (1st) CSS Framework Developed in Sri Lanka
- The First Sri Lankan Utility-First CSS Framework
All previous releases in JKCSS
-
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
-
Publishing as a Npm Package version v1.0.1. as version 1.0.0 in Npm
-
NPM link: @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
-
Version 1.0.1-alpha1 - Developing layouts for css (Testing) - grid, rows, columns
-
The JKCSS Icons
-
The Repo JKCSS Icons
-
The layouts for css (grid, rows, columns) added in 3.0.0 version
-
javascrip added in Version v4.0.0
-
in jsdelivr
Work on | Status |
---|---|
Vite | Successful |
React | Successful |
Laravel | Testing.... |
- Project JKCSS (Started 18 May 2023)
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 |
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 |
- Improve Base Interfaces
- Develop site Interface
- 6th Major Release : Utility-First Approach
- Improve Base Interfaces
- Develop site Interface
- Updating Button
-
- Adding Button Groups
- No for NPM Release
- Improve Base Interfaces
- Develop site Interface
- adding first work on Framework (Vite.js)
- 5th Major Release : works on Vite.js
- No for NPM Release
- Improve Base Interfaces
- Develop site Interface
- Develop the docs interface more user-friendly
- No for NPM Release
- Improve Base Interfaces
- Develop site Interface
- updating NPM pacakege for framework (8th version)
- npm link: @jehankandy/jkcss
- Improve Base Interfaces
- adding Alignment of Images
- adding Spacing in Framework
- updating NPM pacakege for framework (8th version)
- npm link: @jehankandy/jkcss
- Improve Base Interfaces
- adding Styles of Images
- updating NPM pacakege for framework (8th version)
- npm link: @jehankandy/jkcss
- Improve Base Interfaces
- fixing bugs on v4.0.0 to v4.2.0 on Modals
- adding multiple modals in same page
- updating NPM pacakege for framework (8th version)
- npm link: @jehankandy/jkcss
- Improve Base Interfaces
- Adding Alerts
- updating NPM pacakege for framework (8th version)
- npm link: @jehankandy/jkcss
- Improve Base Interfaces
- Fixing Bugs on Modals
-
- User Friendly Moldes
- updating NPM pacakege for framework (7th version)
- npm link: @jehankandy/jkcss
- Improve Base Interfaces
- Checking Forms for Adding
- Adding Forms
- Adding Cards
- Adding Tables
- updating NPM pacakege for framework (7th version)
- npm link: @jehankandy/jkcss
- Improve Base Interfaces
- Checking Forms for Adding
- 1st version with javascript
- updating NPM pacakege for framework (7th version)
- npm link: @jehankandy/jkcss
- Improve Base Interfaces
- adding Modals
- adding javascripts
- 4th Major Release : Adding (javascript)
- updating NPM pacakege for framework (6th version)
- npm link: @jehankandy/jkcss
- Improve Base Interfaces
- Updating Layouts(responsive columns)
- updating NPM pacakege for framework (6th version)
- npm link: @jehankandy/jkcss
- Improve Base Interfaces
- 3rd Major Release : Adding layout (columns)
- updating NPM pacakege for framework (5th version)
- npm link: @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
- updating NPM pacakege for framework (4th version)
- npm link: @jehankandy/jkcss
- Improve Base Interfaces
- updating new Docs (typography)
-
- adding jk-display styles
- npm link: @jehankandy/jkcss
- Improve Base Interfaces
- adding new Docs (typography)
- updating NPM pacakege for framework (3rd version)
- npm link: @jehankandy/jkcss
- Improve Base Interfaces
- disabled state of all Buttons (Basic, outline)
- button sizes (small, Large)
- updating NPM pacakege for framework (2nd version)
- fixing bugs on v1.0.1
- npm link: @jehankandy/jkcss
- Improve Base Interfaces
- disabled state of all Buttons (Basic, outline)
- start adding css to html layouts (still Testing)
- updating NPM pacakege for framework (1st version)
- fixing bugs
- npm link: @jehankandy/jkcss
- Improve Base Interfaces
- start adding css to html components
- start adding css to html layouts (still Testing)
- adding NPM pacakege for framework (1st version)
- npm link: @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)
- 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)
- adding CDN link
- Improve Base Interfaces
- Still non-production ready
- getting ready for adding CSS styles with CDN
- start adding css to html components
- adding CDN link
- Improve Base Interfaces
- Still non-production ready
- getting ready for adding CSS styles with CDN
- adding CDN link
- Improve Base Interfaces
- Still non-production ready
- adding domain name for testing purposes
- Improve Base Interfaces
- non-production ready
- Improve Base Interfaces
- non-production ready
- Develop Base Interfaces
- non-production ready
- JehanKandy - JehanKandy (Founder/Developer)
- Vinura Pathirana - Vinura Pathirana (Developer)
- Anupa Gamage - Anupa Gamage (Developer)
Copyright 2021โ2023 JehanKandy. The JKCSS Project released under the MIT License
Please use this link to my OLD Account JehanKandy