This Vue Tailwind Component Library Might Be The Best I've Seen...

The Vue.js ecosystem moves quickly. In this video I look at two new frameworks, and some utilities that make things easier. Including PrimeVue Tailwind and vueUse. In this tutorial we'll deep dive into both!
👉 Check out my last video on the latest from Vue!
• Is Vue 3.4 Update Wort...
👉Create a fullstack type safe app with AWS Amplify Gen2
• How To Create A Full S...
👉Sign up for my mailing list and get neat stuff!
bit.ly/3Umk7sW
Links:
tailwind.primevue.org/
vueuse.org/shared/useDateForm...
play.vueuse.org/
vueuse.org/core/useDark/#usedark
0:00 Introduction
01:02 Tailwind PrimeVue Presets
01:48 Building Presets
02:34 PrimeVue Gallary
03:23 Overview of components
03:42 useDark vueUse
05:50 useDateFormat vueUse
07:15 vueUse Addons

[@ProgramWithErik]

What library are you using?

[@kayodeoladipo7706]

DaisyUI

[@VarianHermianto]

Naive UI !!

[@TerriTerriHotSauce]

ShadCDN

[@FNXTproductionz]

I see what you did there@@TerriTerriHotSauce

PrimeVue

[@cagataycivici]

Hey Erik, on behalf of the PrimeVue team, I'd like to say, thank you! Really appreciated. Vue really deserves some top notch UI libraries and we're glad to be a part of the ecosystem.

[@tamirhalperin2404]

Great review, Erik. I would love to see you exploring this further.

[@javierbosch1338]

Great video! Prime Vue is incredible! If you make more primevue and tailwind, I'll be sure to look out for them!

[@j4nch]

Prime has often been my favorite one accross different framework.

[@dila8621]

Dude you’re looking younger with each video! Whatever you’re doing is working. 💪

[@anthonyngooo]

seems like he's slimming down n getting his styling down

[@ProgramWithErik]

Haha! Ill take it!

[@Voltra_]

Glad you're happy about the rxjs stuff in vue-use
And I don't say that because I've contributed to some of it :3

[@rniestroj]

I was working 3 years with Quasar and now i use since 10 months PrimeVue and i liked Quasar more. Partially becaus of the docs which in quasar have better and more code examples. I think components like datatables and select have way more possibilities in Quasar.

[@ProgramWithErik]

Quasar is great

[@dickson710]

true

[@hedgehogform]

Honestly Quasar feels like a bloated mess.
I just want a UI library that is like Tailwind but for components.
Quasar feels more like a bootstrap than a tailwind.

[@epiphanyatnight8732]

Nuxt UI is great, too, definitely check that out.
Would love a video on vueuse/motion. :)

[@epotnwarlock]

nuxt ui looks ridiculously nice, it's a shame Vue doesn't have something similar

[@epiphanyatnight8732]

It is, really. And the DX is awesome just as it is in Nuxt. It is intuitively customizable, so is always a first choice for me.@@epotnwarlock

[@justselcuk]

i agree, i am using last 5 months and it's wonderful

[@ProgramWithErik]

I need to try that out!

[@JEsterCW]

yup

[@suleymanq]

very nice!

[@battmanreturndark4582]

this is the best Vue UI ever.

[@pascalpivaty1144]

Nuxt UI is very good !!!

[@p19shelt]

I love primeJS, I use it for Java.

[@zekariyasmulugetaaltaye1065]

Great video. Can you make a video about quasar Vs prime Vue for nuxt js

[@turboruninc]

if you use nuxt i recommended choosing nuxt ui.

[@ProgramWithErik]

I'll add it to the list!

[@sterben1941]

why this primevue doesn't have more code samples, i mean the data that is passed to the template

[@sibyl4861]

Nuxt UI best I've seen so far.

[@ProgramWithErik]

I need to try that out!

[@jsonkody]

w8 .. isn"t Tailwind prohibit JUST this one usecase? To use Tailwind to make component library that would compete with their own component library?

[@GetMeTheGeek]

Please make a getting started video with Tailwind css primevue

[@ProgramWithErik]

Ok!

[@user-zj2si7md6q]

Thank you for the video, but can you please use dark mode!

[@ProgramWithErik]

Sure

[@visalheng9237]

Please make a video use PrimeVue with Tailwind

[@theAutomaTom]

PrimeVue always looks attractive, but there are so many bugs that burn up dev time, I had to let it go. For example, the Number Input does not have a real-time event, so no matter what restrictions you ask of it, people can type any number they want and it's not evaluated until it loses focus. This is particularly damaging if you intend to disable a button until a number field is populated, because (again) the inputs don't evaluate until they lose focus. Big time loser control, and it's just things like that that make it "not really production grade" out of the box.

[@cagataycivici]

It was real before but due to user feedback we turned it off as it was confusing from DX point of view.

[@theAutomaTom]

@@cagataycivici devs were more confused that the input was being evaluated On input rather than figuring out how to handroll a formatted number input, and stuff your slick floating labels back into it? At some point you got to ask the devs to raise the bar.

[@SXsoft99]

it's nice but my main problem is that my local market doesn't use those libraries

[@ProgramWithErik]

What do they use?

[@nothingrev]

I think Quasar is still best for vue

[@naranyala_dev]

new vue update + primevue tailwind + vueuse

[@rajikkali2381]

ShadCN-vue FTW!

[@TerriTerriHotSauce]

What about ShadCDN

[@ProgramWithErik]

I need to try it out!

[@JEsterCW]

hell nah

[@user-sj7tf2yv3m]

RadixVue и Oku еще очень сырые (
Когда-нибудь через сотню лет у vue наконец-то появятся хорошие библиотеки.

[@user-sj7tf2yv3m]

Ps: очень ждём порт Dnd для vue

[@BrotWurst]

Quasar >>>>>>>>>

[@pryanik150]

tailwind убьет всех нас (((

[@mikehurtado4772]

Do it

[@michaelmcgraw1420]

'...because no one likes light-mode'

[@user-dg1hx5tn6j]

primevue is kinda buggy, vuetify is more consistant and reliable

[@nested9301]

naiveui,shadcn-vue
this ones are great too