Skip to content

Want to skip the docs? Check out pandamastery.com - the best way to learn Panda CSS

Docs Blog Showcase

Playground (opens in a new tab) (opens in a new tab)

Get Started Styling Recipes Theming Design Systems

ReferenceSponsor

Overview

Welcome to Panda Why Panda Thinking in Panda FAQs Upgrading to v2

Installation

CLI PostCSS Framework Guides Storybook

AI for Agents

MCP Server LLMs.txt Agent Skills

Migration

Migration strategy Tailwind CSS Chakra UI Stitches Styled Components Emotion Theme UI StyleX

Tooling

ESLint Plugin OXLint Plugin Editor & IDE Tooling

Frameworks

Next.js Vite Vue Nuxt Astro Svelte React Router Remix SolidJS Qwik Preact Angular Rsbuild Gatsby Ember Redwood

Installation

Framework Guides

Start using Panda CSS in your JavaScript framework, with a dedicated, step-by-step guide for each.

Start using Panda CSS in your JavaScript framework using our framework-specific guides that cover our recommended approach.

Next.js

Vite

Astro

Vue

Nuxt

Svelte

Remix

React Router

Angular

Gatsby

Solid

Qwik

Preact

Rsbuild

Ember

Redwood

Edit this page on GitHub View as markdown

Last updated on September 2, 2026

Copyright © 2026Proudly made by the Chakra team