Introduction

Moving from PrimeFlex to Tailwind CSS.

PrimeFlex is designed to be a lightweight CSS utility to accompany Prime UI libraries. As part of our product roadmap planning at PrimeTek, the team has decided to avoid the maintenance of a CSS library and utilize the resources on improving the UI libraries instead. Community feedback has been essential in this decision as well since majority of the applications have their own CSS utilities whether it is Tailwind, Bootstrap or an in-house one, as a result adding PrimeFlex to a project was causing overlapping functionality.

Tailwind CSS in particular is a popular choice, we have even built the whole showcase with Tailwind CSS. Website templating demos have been migrated from PrimeFlex to Tailwind and a converter tool called pf2tw has been created. In summary, PrimeTek officially suggests Tailwind CSS as the replacement for PrimeFlex.

The primeclt is a command line utility by PrimeTek to assist project setup and migration. The pf2tw command is created for smooth migration between PrimeFlex to Tailwind CSS. For flawless migration, it is highly suggested to use PrimeNG v18 as the requirement of the tailwindcss plugin.

Install PrimeCLT.


npm install -g primeclt

Run the pf2wt in a directory that contains files to be migrated.


prime pf2tw

There are a couple of utility classes that are not migrated as they have no counterparts, use flexbox utilities instead as replacements.

  • formgrid
  • formgroup
  • formgroup-inline
  • col
  • col-fixed
  • field
  • field-checkbox
  • field-radiobutton
  • reset