Punica CSS Framework is a clean, lightweight, responsive, modern, and fully customizable API-driven framework built with SASS/SCSS, offering multi-theme support.

View on Github

Default Theme

Default Dark Theme

For your default setup, add the Punica CSS file to the head element of your HTML5 document.

Info	Default Theme Variable
Font Family	Inter Tight
Font Size	`1rem`
Font Weight	`400`
Line Height	`1.7`

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5

Heading H6

Example Title

Lorem ipsum dolor sit amet, quo in nibh mediocritatem concludaturque. Aeque consectetuer nam ut, ad appetere ocurreret mea. Nec an facilis torquatos. Pro te ferri democritum inciderint. Quis inani virtute vim cu, ad debet tincidunt mea. Audire mentitum deleniti has ex, sea veri omnis ut. Pri eu enim prodesset abhorreant.

Learning never exhausts the mind.
- Leonardo da Vinci

Unordered list

list item 1
list item 2
- list item 2.1
- list item 2.2
- list item 2.3
list item 3

Ordered list

list item 1
list item 2
1. list item 2.1
2. list item 2.2
3. list item 2.3
list item 3

Description List

Coffee: - black hot drink
Milk: - white cold drink