Panda CSS - Should It Replace Tailwind With Vue?
Description: CSS/ Vue / Career Mentoring 👉 https://mentors.to/erik
Panda CSS is a hot new CSS library that uses CSS in JS. But should you use it with Vue.js? Is it a Tailwind replacement? Let's take a look!
👉 Check out my last video on Vue props with TypeScript
https://youtu.be/AovK5jedMHg?si=5vbLp5Ed8GKbuxSy
👉Sign up for my mailing list and get neat stuff!
https://bit.ly/3Umk7sW
👉 Need some help with a project, level up your skills, React, Next, Vue, or Nuxt? Check out my 1-on-1 mentoring!
https://mentors.to/erik
Links:
https://panda-css.com/docs/installation/nuxt
https://newsletter.baptiste.devessier.fr/archive/my-first-impressions-of-panda-css/
0:00 Panda CSS what is it?
01:37 Nuxt Guide Install
02:24 Folder structure
03:12 Adding in CSS panda styles
05:20 Comparison to Tailwind CSS
06:30 Merging classes Tailwind vs Panda CSS
07:52 A look at patterns
09:20 Using design tokens
10:50 The verdict analysis Close description
Panda CSS is a hot new CSS library that uses CSS in JS. But should you use it with Vue.js? Is it a Tailwind replacement? Let's take a look!
👉 Check out my last video on Vue props with TypeScript
https://youtu.be/AovK5jedMHg?si=5vbLp5Ed8GKbuxSy
👉Sign up for my mailing list and get neat stuff!
https://bit.ly/3Umk7sW
👉 Need some help with a project, level up your skills, React, Next, Vue, or Nuxt? Check out my 1-on-1 mentoring!
https://mentors.to/erik
Links:
https://panda-css.com/docs/installation/nuxt
https://newsletter.baptiste.devessier.fr/archive/my-first-impressions-of-panda-css/
0:00 Panda CSS what is it?
01:37 Nuxt Guide Install
02:24 Folder structure
03:12 Adding in CSS panda styles
05:20 Comparison to Tailwind CSS
06:30 Merging classes Tailwind vs Panda CSS
07:52 A look at patterns
09:20 Using design tokens
10:50 The verdict analysis Close description