diff --git a/docs/1.getting-started/4.styling.md b/docs/1.getting-started/4.styling.md
index 0a01b223fa..2d21263b82 100644
--- a/docs/1.getting-started/4.styling.md
+++ b/docs/1.getting-started/4.styling.md
@@ -467,6 +467,7 @@ Here are a few modules to help you get started:
 - [Fontaine](https://github.com/nuxt-modules/fontaine): Font metric fallback
 - [Pinceau](https://pinceau.dev): Adaptable styling framework
 - [Nuxt UI](https://ui.nuxt.com): A UI Library for Modern Web Apps
+- [Panda CSS](https://panda-css.com/docs/installation/nuxt): CSS-in-JS engine that generates atomic CSS at build time
 
 Nuxt modules provide you with a good developer experience out of the box, but remember that if your favorite tool doesn't have a module, it doesn't mean that you can't use it with Nuxt! You can configure it yourself for your own project. Depending on the tool, you might need to use a [Nuxt plugin](/docs/guide/directory-structure/plugins) and/or [make your own module](/docs/guide/going-further/modules). Share them with the [community](/modules) if you do!