Master how to build modern interfaces with Panda.
In this course, you'll learn all the fundamentals of building scalable design systems and responsive interfaces using, Panda CSS — a zero runtime CSS-in-JS solution.
Create scalable design systems and build components with confidence using Panda CSS.
- 70+
- lessons
- 6+
- hours of content
- 12+
- modules
- 7+
- hands-on exercises
Creating Panda Mastery with Sage was such a joy ride. I got to pour everything I know and love about Panda CSS into this course – from curriculum crafting, to practical design to code examples to hands-on projects with solutions. Whether you're just getting started with Panda or not, this course is guaranteed to give you an excellent learning experience!
What's inside?
A collection of exercise-driven, self-paced lessons for you to master Panda CSS like a pro
Introduction
Styling Foundation
Layout Patterns
Color Mode
Recipes
Slot Recipes
Config Recipes
Design Tokens
Migration
Theming
Jsx Style Props
Monorepo
I'm excited to help you deeply learn the ins and outs of Panda CSS in this course. It goes beyond the basics and dives deep into the core features that makes Panda a powerful styling solution. Panda Mastery will equip you with the skills and confidence to build robust design systems
Panda CSS
A collection of exercise-driven, self-paced lessons for you to master Panda CSS like a pro
Creator Interviews
Learn from the creators of Panda CSS about the design decisions behind Panda CSS, how it was built, and more.
Building the Panda Compiler w/ Alex
Creating Park UI Preset w/ Chris
The Design Intent for Panda w/ Sage
Meet the course creators
Hey! We're Sage and Esther. Collectively, we've been working in the frontend developer tooling space over the past decade.
Frequently Asked Questions
Is there a team license available?
Yes, we offer team licenses for organizations with unlimited users. When purchasing a team license, please use a shared email address that all team members can access. This ensures that everyone on your team can easily access the course materials. For more information on team licensing or to make a purchase, please contact us at support@chakra-ui.com.
Is there a regional or PPP discount?
Yes. If you reside in a country with significantly lower purchasing power, send us an email and you'll receive a regional discount for a lower price.
How do I convince my manager to buy this course for me?
Employers want to invest in resources that help their team deliver better results more quickly. We believe Panda Mastery is an incredibly worthwhile investment. Use this template to persuade them
Is there a student discount?
Yes. If you're actively enrolled in an educational program, send us an email and you'll receive 30% off the course price.
What about a receipt, so I can be reimbursed?
After purchasing the course, you'll receive an email receipt/invoice from LemonSqueezy. You'll be able to add the name and address is necessary to get a reimbursement.
Is this course beginner-friendly?
This course isn't intended for absolute frontend beginners. We require that you have some experience with CSS and JS frameworks like React, Vue or Solid.js.
What is your refund policy?
All sales are final. Due to the digital nature of our content and the immediate access to course materials, we do not offer refunds at this time.
How can I contact you for support or questions?
If you have any questions, need support, or want to reach out for any reason, please don't hesitate to contact us at support@chakra-ui.com. We're here to help and will respond to your inquiry as soon as possible.