Announcing PrimeBlocks for PrimeFaces

Announcing PrimeBlocks for PrimeFaces

PrimeBlocks is a new project from PrimeTek featuring copy-paste ready, easy to use building UI blocks based on PrimeFlex CSS utility library. Initial versions were available for PrimeNG, PrimeVue, PrimeReact and now we are excited to announce PrimeBlocks for PrimeFaces.


PrimeBlocks library can be used with any version of PrimeFaces.

What is a Block?

A UI block is a set of html elements styled with the PrimeFlex CSS utility library. A block can also contain PrimeFaces components in addition to regular elements. The blocks are designed to be used easily by simply moving the block code to your own application. This is achieved by defining the styling in the markup without using a custom css declaration. In cases where a block requires interactivity such as toggling the visibility of a menu or a sidebar, defining a data-pb-styleclass attribute combined with primeblocks.js manages the events and animations. This script simply adds interactivity to elements that have this attribute.

What can be done with Blocks?

Blocks are meant to be used together to build landing pages, dashboards or any other content you can imagine.


Whether you are an individual or a member of a team, PrimeBlocks are available for affordable prices. Please visit the pricing page for details.


Current set of blocks are just the beginning, our goal is to provide over 400 blocks by the end of 2022. Always bet on Prime!

No Comments

Sorry, the comment form is closed at this time.