# Panda CSS

Styling engine that generates atomic CSS at build time from type-safe TypeScript style definitions.


Source: https://findsoftware.frbit.cloud/panda-css/
Last reviewed: 2026-10-27
Updated: 2026-10-28
Listed since: 2026-10-27

## Record

### Links

- home: https://panda-css.com
- repository: https://github.com/chakra-ui/panda
- docs: https://panda-css.com/docs
- x: https://twitter.com/panda__css
- discord: https://discord.gg/VQrkpsgSx7

### Identity

- status: active
- maintainer: Chakra Systems Inc.
- maintainerType: company
- parent: unknown
- firstRelease: 2023
- hqCountry: unknown

### Kind

- category: css-framework
- hosting: not applicable
- language: javascript
- runtime: node
- runtimeMin: node 22
- basedOn: unknown

### Content

- contentStore: not applicable
- databases: not applicable
- adminUi: not applicable
- headlessApi: not applicable
- templating: not applicable
- i18n: not applicable

### Rendering and deploy

- runsAs: local
- renderingModes: not applicable
- installMethod: npm

### License

- licenseModel: open-source
- license: MIT

### Releases

- currentMajor: 2
- latestReleaseDate: 2026-10-22

### Adoption

- githubStargazers: 6236
- packagistDownloads: not applicable
- npmWeeklyDownloads: 565899
- contributors: 179
- pluginCount: unknown
- packagistMonthlyDownloads: unknown
- ecosystemsMonthlyDownloads: unknown
- httpArchiveSites: 4431
- wordpressActiveInstalls: unknown
- dependentRepos: 67
- dependentPackages: 101

### Sources

- urls: https://panda-css.com/ (read 2026-10-27)
- urls: https://github.com/chakra-ui/panda (read 2026-10-27)
- urls: https://panda-css.com/docs (read 2026-10-27)
- maintainer: https://github.com/chakra-ui/panda/blob/v2/LICENSE.md (read 2026-10-27)
- firstRelease: https://github.com/chakra-ui/panda/releases (read 2026-10-27)
- language: https://panda-css.com/docs/overview/why-panda (read 2026-10-27)
- category: https://panda-css.com/docs/overview/why-panda (read 2026-10-27)
- installMethod: https://panda-css.com/docs/installation/cli (read 2026-10-27)
- installMethod: https://panda-css.com/docs/installation/cli (read 2026-10-27)
- installMethod: https://panda-css.com/docs/installation/cli (read 2026-10-27)
- installMethod: https://panda-css.com/docs/installation/cli (read 2026-10-27)
- runsAs: https://panda-css.com/docs/overview/why-panda (read 2026-10-27)
- runtime: https://registry.npmjs.org/@pandacss/dev (read 2026-10-27)
- runtimeMin: https://registry.npmjs.org/@pandacss/dev (read 2026-10-27)
- license: https://github.com/chakra-ui/panda (read 2026-10-27)
- licenseModel: https://github.com/chakra-ui/panda (read 2026-10-27)
- currentMajor: https://github.com/chakra-ui/panda/releases (read 2026-10-27)
- latestReleaseDate: https://github.com/chakra-ui/panda/releases (read 2026-10-27)
- githubStargazers: https://github.com/chakra-ui/panda (read 2026-10-27)
- contributors: https://github.com/chakra-ui/panda (read 2026-10-27)
- npmWeeklyDownloads: https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/@pandacss/dev (read 2026-10-28)
- dependentPackages: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40pandacss%2Fdev (read 2026-10-27)
- dependentRepos: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40pandacss%2Fdev (read 2026-10-27)
- httpArchiveSites: https://cdn.httparchive.org/v1/technologies (read 2026-10-27)

## Notes

Panda CSS is a styling engine that reads the style calls in a project's TypeScript source and writes plain atomic CSS when the build runs, so the browser receives a stylesheet and computes no styles itself. Codegen writes a styled-system folder that the code imports from, and the build extracts the CSS for the styles the source uses. The project installs it as an npm development dependency and runs the Panda CLI in the build.

## Worth knowing

Values have to be visible in the source for the build to emit their CSS. Styles that exist only at runtime need the dynamic-styles route the docs describe.

---

Data licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Attributes are recorded, never scored; absent means unknown.
Credit, in full: FindSoftware, CC BY 4.0