Loading repository data…
Loading repository data…
codeforms / repository
Punica CSS Framework is a clean, lightweight, responsive, modern, and fully customizable API-driven framework built with SASS/SCSS, offering multi-theme support.
If you want to quickly add the Punica CSS to your project, you can use the JsDelivr CDN;
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/codeforms/Punica-CSS-Framework@3.x.x/dist/punica.min.css" crossorigin="anonymous">
for Default Dark Theme;
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/codeforms/Punica-CSS-Framework@3.x.x/dist/punica-dark.min.css" crossorigin="anonymous">
For your default setup, add the Punica CSS file to the element of your HTML5 document.
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/codeforms/Punica-CSS-Framework@3.x.x/dist/punica.min.css" crossorigin="anonymous">
</head>
<body>
</body>
</html>
Punica's API-based structure allows you to create or customize a CSS framework to suit your needs and preferences. The options.scss API file, which contains all the default variables and settings required by Punica, can be customized—even class names can be modified if desired. Additionally, you can make all these changes directly through your own theme map instead of editing options.scss or utilities.scss API files. With this flexibility, you can customize and adapt the Punica to suit your preferences across different themes. You are completely free!