{"slug":"pandacss","name":"Panda CSS","tags":["css","styling","javascript","framework","design-system"],"popular":false,"url":"https://devicons.io/icons/pandacss/","svg":"https://devicons.io/devicons/icons/pandacss-icon.svg","description":"Panda CSS is a zero-runtime CSS-in-JS library that generates type-safe styles at build time.","aliases":[],"website":"https://panda-css.com/","license":null,"brandGuidelines":null,"mainColor":null,"badInDark":false,"badInLight":false,"deprecated":false,"recommended":false,"variants":[{"file":"pandacss-icon","label":"Icon (mark only)","svg":"https://devicons.io/devicons/icons/pandacss-icon.svg","mono":"https://devicons.io/devicons/font/pandacss-icon.svg"},{"file":"pandacss","label":"Logo with wordmark","svg":"https://devicons.io/devicons/icons/pandacss.svg","mono":"https://devicons.io/devicons/font/pandacss.svg"}],"components":{"react":{"package":"@dev.icons/react","mono":"@dev.icons/react/mono","name":"PandacssIcon"},"vue":{"package":"@dev.icons/vue","mono":"@dev.icons/vue/mono","name":"PandacssIcon"},"svelte":{"package":"@dev.icons/svelte","mono":"@dev.icons/svelte/mono","name":"PandacssIcon"}}}