A Lightweight Flex Based Responsive Grid Library | PrimeFlex

PrimeFlex is a lightweight, responsive CSS utility library to accompany Prime UI libraries and static web pages as well.

primevue primeflex, primeng primeflex, primeflex latest version, primeflex github, how to use primeflex

CSS Utilities:

  • Utility First
  • Grid System
  • Flexbox Utilities
  • Spacing
  • Elevation
  • Font Utilities
  • Sizing
  • Color System
  • Responsive
  • Form Layout
  • Icons
  • Optimized Size

How to make use of it:

1. Install and import the PrimeFlex with NPM.

$ npm i primeflex --save
@import '~/node_modules/primeflex/primeflex.css';

2. Or immediately load the next stylesheets in your doc.

<!-- Core Stylesheet -->
<link rel="stylesheet" href="./dist/primeflex.min.css" />

<!-- Optional Themes -->
<link rel="stylesheet" href="./dist/themes/arya-blue.css" />
<link rel="stylesheet" href="./dist/themes/saga-blue.css.css" />
<link rel="stylesheet" href="./dist/themes/vela-blue.css" />

Full-featured CSS Utility Library, PrimeFlex Plugin/Github

See Demo And Download

Official Website(primefaces): Click Here

This superior jQuery/javascript plugin is developed by primefaces. For extra Advanced usage, please go to the official website.