New Era of Prime UI Theming Begins

[@yhgtbsm]

I think the documentation on applying styled theming is lacking. I was following the docs to apply the Aura & Lara preset, but I always get the dark green instead. I can't find anything in the docs how to force a specific color preset.

[@krycekaiolfi]

Great architecture. Very well thought. I am so glad I choose PrimeVue as my UI framework.

[@keystrmpro]

Keeping the library free and open source is really appreciated. Thanks for the enormous efforts

[@cagataycoban3641]

Yenilikler ve componentler harika görünüyor sektöre böyle bir kütüphane sağladığınız için teşekkürler. Angular yazarken keşfetmiştim, şimdi üzülerek de olsa Anguları bırakıp mecbur React a geçtim ama değişmeyen tek şey Prime Faces componentleri oldu.

[@mustafa60x]

The architecture is exciting and Aura is very beautiful.

[@PankajMathur-sk2yv]

This is Brilliant. When can we expect this update for PrimeReact.

[@cagataycivici]

The team has started yesterday, we expect to release the initial release in late june.

[@siebedom]

Very nice, I look forward using it!

[@Mohamed-Omar-Mubark]

@cagataycivici We want a video that shows how to deal with the new version through Nuxt

[@popposoft]

can't wait to see this ported to primeng and next major release... great work

[@arijitroy9927]

this will be so good, please release this for primereact asap

[@marvinrenemoranortiz3602]

When will they have something similar for Java?

[@PankajMathur-sk2yv]

This is brilliant. When can we expect this in PrimeReact ?

[@cagataycivici]

The team has started yesterday, we expect to release the initial release in late june.

[@marcelojavierjaimes5723]

My library favorite for all my frontend but still waiting new features for Angular

[@cagataycivici]

PrimeNG v18 💯

[@domenicogemoli]

@@cagataycivici Can't wait! When can we expect it? :D

[@DanyerJimenez-gl6hw]

The team has made an excellent job, congrats. Is there any chance to get a migration guide from v3 to v4 or simply install it as a separated repository in our projects?

[@arijitRoyFullyStressedOut]

Its July, still no Aria theme for primeReact...On website it showed aria theme will be available after 1st quarter of 2024... getting late. Don't wat to start a new project on existing themes, looks like have to opt for shadcn 😑

[@cagataycivici]

@@arijitRoyFullyStressedOut we are redoing PrimeReact so decided not to do the Sass version as it will be obsolete soon. The team is working really hard on the next gen version.

[@modemode-fg8gp]

When will the layout components be released? I can't wait any longer; PrimeVue is just too excellent.

[@cagataycivici]

Updated roadmap for Q3, now the theming is done, we can bring the new features.

[@chrisumeran]

I've been using PrimeVue for a couple of weeks now and I'm loving it. I have this one question, I am building an application that uses light mode only, can I force the components to not have dark mode?

[@AgustinCampon]

Awesome change, but docs do not have the required information to customize the presets on a clear way.

[@cengel23]

Awesome! When can updates to the Templates (e.g., Ultima) be expected?

[@cagataycivici]

We'll start updating them after v4-final, I expect end of June for the all of them to be updated.

[@arijitRoyFullyStressedOut]

This with the new react compiler rest of the 2024 is going to be great. Hope to see the primereact version of this release this month or next.

[@dancewithdevils99]

Awesome man , when it will be available for nuxt!

[@cagataycivici]

Next week with an update to the nuxt module.

[@RootsterAnon]

Hi, thank you for this update, just to clarify: is treeshaking for components based on imports and or in config settings? Like we don't need to import all components and then .use() them but we can just install the library and mark what components we want to use.

[@cagataycivici]

Hi, this is not related to theming directly, but new theming makes auto tree shaking possible. Components can still be imported manually as in v3 and for auto imports/tree shaking we will provide a Vite plugin after v4 final. So use() install everything but enables tree shaking at build time for bundle optimization. This is planned for mid June.

[@RootsterAnon]

@@cagataycivici very noice, it's going to be awesome :)

[@sulfatodeiodo]

When this is going to be published for react ?

[@Shulkerkiste]

Really exciting! Is it also possible to customize the styles with (S)CSS instead of Tailwind?

[@cagataycivici]

Sure, Tailwind is for unstyled mode. Styled mode can be customized with tokens as the best practice and also css overrides if necessary when tokens are not enough.

[@ernestdesbordes]

Great stuff! Will we still get the FluentUI premade theme? Its one of the main reasons I loved the theming because you had very good presets that could easily fit for Windows and macOS

[@cagataycivici]

We've created Nora inspired by the Fluent, still it can be tuned further to make it more look like it. It is likely that we'll provide more presets after v4, next one is Material v3 to begin with.

[@ernestdesbordes]

@@cagataycivici Alright awesome! Thank you, will be looking out for PrimeReact's update.

[@djmj1000]

Great work!

[@ValentinSpinnler]

Will this also be available in PrimeReact soon?

[@cagataycivici]

Under development, PrimeReact next-gen version will be awesome!

[@tprkkc]

Marvellous!

[@arijitroy9927]

Will it come out in this year or next year ??

[@cagataycivici]

Already done for PrimeVue v4, coming right up for PrimeNG and PrimeReact

[@lenerjic2858]

I like to use PrimeNg, but I can't integrate tailwindcss correctly, can you make a video on how to integrate it or improve the documentation a little more?

[@cagataycivici]

It may be due to CSS layer -> primeng.org/guides/csslayer In PrimeNG v18, layer is disabled by default and we're also migrating from PrimeFlex to Tailwind in PrimeNGBlocks and PrimeNG showcase demos, e.g. templating.

[@oleksiiprykhodko517]

@@cagataycivici Does this mean we should use TailWind instead of PrimFlex for new Angular v18 + PrimeNG v18 projects?

[@cagataycivici]

@@oleksiiprykhodko517 Yes, definitely. A migration tool called pf2tw will be released next week to migrate your code as well

[@limsocheat]

very nice! might switch to Primevue soon.

[@evam796]

Your system looks great, but I'm not a CSS specialist and I need simpler explanations, with more examples :) please :))

[@harold.machado]

Thanks...

[@edhahaz]

So you have to theme it inside those tokens.. why not just overwrite the css with complete control, look at mantine, look at shadcn which is even better...

[@cagataycivici]

If you like that approach for theming, see the unstyled mode with our tailwind presets where you have full control. tailwind.primevue.org

[@seymen61]

süper

[@aturan-fo1qt]

👍

[@sonicewave]

I want to like PrimeNG but they are taking on too much and it sad that PrimeNG is falling behind other framework support and now they are planning something called pass-throught. It seems like they don't have focus and keep learning as they go.