Punica CSS is a clean, lightweight, responsive, modern and fully customizable (even class names) pure CSS Framework based on SASS / SCSS with multi-theme support. (Gzipped 19KB)

  • By CodeForms
  • Last update: Aug 7, 2022
  • Comments: 0

Introduction

Documentation | Themes | Nightly Builds | Changelog

Punica CSS is a clean, lightweight, responsive, modern and fully customizable (even class names) pure CSS Framework based on SASS/SCSS with multi-theme support.

Punica also lets you create your custom CSS Framework. You can customize all the class names, apply your color scheme, enable or disable features of element/component, change all variables as your need and create your themes according to your taste. You are completely free!

Install From CDN

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/[email protected]/dist/punica.min.css" crossorigin="anonymous">

HTML Markup

For your default setup, add the Punica CSS file to the element of your HTML5 document. Also include the Material Icons library. That's it!

<!DOCTYPE html>
<html>
    <head>
        <title>Title</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <link rel="stylesheet" href="punica.min.css" />
    </head>
    <body>
    </body>
</html>

Github

https://github.com/codeforms/Punica-CSS-Framework