Designer is the ultimate tool to create your own PrimeFaces experience powered by a SASS based theme engine with 500+ variables and a Visual Designer. PrimeFaces only ships the generated CSS of Material, Bootstrap, Saga, Vela, Arya, Soho, Fluent UI, Mira, Nano and legacy themes whereas Designer provides full access to the whole SASS structure and the variables of these pre-built themes for easier customization.

Whether you have your own style guide or just need a custom theme, Designer is the right tool to design and bring them to existence.

Live Demo Docs Forum


Visual Editor

Easiest way for rapid prototyping so that a theme can be designed on the fly using UI elements such as color pickers.

Code Editor

Code Editor gives access to the whole SASS API for full control to implement more advanced cases such as implementing a design system.

500+ Variables

Colors, fonts, dimensions, colors, paddings, margins and more are customizable using a wide range of variables. View the API documentation for more information.

Bootstrap Design

Light and Dark theme options to use PrimeFaces and Bootstrap in harmony.

PrimeOne Design

Gorgeous themes inspired by the PrimeTek’s own PrimeOne Design System.

Lifetime Support

PrimeFaces Designer is frequently updated for enhancements and has a dedicated forum where support is delivered by engineers at PrimeTek in a timely manner.

Designer & Developer

Whether you are a designer or a front-end developer, Designer API provides a well defined and easy to customize APIs to design your own custom themes.

Trusted by Millions of Developers

Open source products of PrimeTek are used all around the world by 1M+ developers in Fortune 500 companies, corporations, government and educational institutions.