Quantcast
Channel: PrimeNG – PrimeFaces
Viewing all articles
Browse latest Browse all 11

Introducing PrimeBlocks v3 E-Commerce Edition

$
0
0

After weeks of hard work, we are excited to announce the brand new PrimeBlocks v3 E-Commerce update to create your e-commerce projects in no time. Version 3 is available now for PrimeNG featuring 70+ new blocks making 350+ in total. We plan to release PrimeBlocks v3 for PrimeFaces, PrimeReact, and PrimeVue as well.

PrimeBlocks v3 E-Commerce Edition

PrimeBlocks v3 E-Commerce update is based on a design system dedicated to the key parts of e-commerce such as Product Overviews, Product Lists, Shopping Carts, Category Filters, Store Navigations, Checkout Forms, Reviews, and many more…

Watch our preview and discover the new version: 

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 PrimeNG 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, pStyleClass directive of PrimeNG manages the events and animations.

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.

Theming

Blocks utilize color classes for background, text color, border color and pseudo-states. Color values are derived from the PrimeNG theme being used so that a block can seamlessly integrate with your application. For example, bg-blue-500class retrieves the background color using the –blue-500 CSS variables from PrimeNG. See PrimeNG colors palettes for more information.

Pricing

The new E-Commerce update is free of charge for all PrimeBlocks License owners. Whether you are an individual or a member of a team, PrimeBlocks are available for affordable prices. Please visit the pricing page for details.


Viewing all articles
Browse latest Browse all 11

Trending Articles