{"meta":{"name":"FindSoftware","page":"https://findsoftware.frbit.cloud/panda-css/","markdown":"https://findsoftware.frbit.cloud/panda-css.md","license":"https://creativecommons.org/licenses/by/4.0/","attribution":"FindSoftware, CC BY 4.0","note":"Attributes are recorded, never scored. An absent field means unknown, never zero and never bad."},"record":{"id":"panda-css","name":"Panda CSS","urls":{"home":"https://panda-css.com","repository":"https://github.com/chakra-ui/panda","docs":"https://panda-css.com/docs"},"category":["css-framework"],"description":"Styling engine that generates atomic CSS at build time from type-safe TypeScript style definitions.","maintainer":"Chakra Systems Inc.","maintainerType":"company","firstRelease":2023,"hosting":null,"language":"javascript","runtime":["node"],"runtimeMin":"node 22","contentStore":null,"databases":null,"adminUi":null,"headlessApi":null,"templating":null,"i18n":null,"runsAs":["local"],"renderingModes":null,"installMethod":"npm","licenseModel":"open-source","license":"MIT","currentMajor":"2","latestReleaseDate":"2026-10-22T00:00:00.000Z","githubStargazers":6236,"contributors":179,"packagistDownloads":null,"npmWeeklyDownloads":565899,"httpArchiveSites":4431,"dependentRepos":67,"dependentPackages":101,"social":{"x":"https://twitter.com/panda__css","discord":"https://discord.gg/VQrkpsgSx7"},"checkedAt":"2026-10-27T00:00:00.000Z","addedAt":"2026-10-27T00:00:00.000Z","sources":[{"field":"urls","url":"https://panda-css.com/","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"urls","url":"https://github.com/chakra-ui/panda","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"urls","url":"https://panda-css.com/docs","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"maintainer","url":"https://github.com/chakra-ui/panda/blob/v2/LICENSE.md","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"firstRelease","url":"https://github.com/chakra-ui/panda/releases","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"language","url":"https://panda-css.com/docs/overview/why-panda","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"category","url":"https://panda-css.com/docs/overview/why-panda","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"installMethod","url":"https://panda-css.com/docs/installation/cli","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"installMethod","url":"https://panda-css.com/docs/installation/cli","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"installMethod","url":"https://panda-css.com/docs/installation/cli","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"installMethod","url":"https://panda-css.com/docs/installation/cli","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"runsAs","url":"https://panda-css.com/docs/overview/why-panda","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"runtime","url":"https://registry.npmjs.org/@pandacss/dev","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"runtimeMin","url":"https://registry.npmjs.org/@pandacss/dev","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"license","url":"https://github.com/chakra-ui/panda","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"licenseModel","url":"https://github.com/chakra-ui/panda","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"currentMajor","url":"https://github.com/chakra-ui/panda/releases","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"latestReleaseDate","url":"https://github.com/chakra-ui/panda/releases","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"githubStargazers","url":"https://github.com/chakra-ui/panda","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"contributors","url":"https://github.com/chakra-ui/panda","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"npmWeeklyDownloads","url":"https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/@pandacss/dev","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"dependentPackages","url":"https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40pandacss%2Fdev","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"dependentRepos","url":"https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/%40pandacss%2Fdev","checkedAt":"2026-10-27T00:00:00.000Z"},{"field":"httpArchiveSites","url":"https://cdn.httparchive.org/v1/technologies","checkedAt":"2026-10-27T00:00:00.000Z"}],"status":"active","ai":"authored"},"prose":"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.\n\n## Worth knowing\n\nValues 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."}