Full-featured CSS Utility Library – PrimeFlex

Preview:

Description:

PrimeFlex is a lightweight, responsive, feature-rich, utility-first CSS framework for building modern websites.

How to use it:

1. Install and import the PrimeFlex with NPM.

# NPM
$ npm i primeflex --save

@import '~/node_modules/primeflex/primeflex.css';

2. Or directly load the following stylesheets in your document.

<!-- 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" />

CSS Utilities:

• LAYOUT
• FLEXBOX
• GRID
• BACKGROUND
• BORDER
• SPACING
• SIZING
• TYPOGRAPHY
• EFFECTS
• TRANSITION
• ANIMATION
• TRANSFORM
• INTERACTIVITY

Changelog:

v3.3.1 (05/31/2022)

• Rename themes

v3.3.0 (11/09/2022)

• Add new animation classes
• Fix missing surface-100

v3.2.1 (05/30/2022)

• remove sourcemaps from themes

v3.2.0 (05/07/2022)

• Primary and Red Color Palette
• Add gap, row-gap and column-gap classes
• Container – Container-fluid Class (proposal)
• Add rem and direction options to border-radius classes
• Add text-color and text-color-secondary classes to use text color variables of Prime UI themes
• Add rem options to max-w* and max-h* classes
• Add focus, hover and active states to shadow classes
• Add focus, hover and active states to text-decoration classes
• Add vertical alignment classes
• Add $prefix variable to not conflict with other libraries like Tailwind
• Missing responsive styles for col and col-fixed classes
• Fixed bugs: Breakpoints variable cannot be overriden

v3.1.3 (02/18/2022)

• Fixed bugs

v3.1.2 (12/16/2021)

• Fixed bugs

v3.1.1 (12/15/2021)

• Fixed bugs

v3.1.0 (10/18/2021)

• Update binaries