{"slug":"chakra-ui","name":"Chakra UI","tags":["react","ui-library","components","design-system","open-source"],"popular":false,"url":"https://devicons.io/icons/chakra-ui/","svg":"https://devicons.io/devicons/icons/chakra-ui-icon.svg","description":"Chakra UI is an accessible React component library and design system with themeable, composable components, style props and design tokens.","aliases":["Chakra","@chakra-ui/react","Chakra UI v3"],"website":"https://chakra-ui.com/","license":null,"brandGuidelines":null,"mainColor":null,"badInDark":true,"badInLight":false,"deprecated":false,"recommended":false,"variants":[{"file":"chakra-ui-icon","label":"Icon (mark only)","svg":"https://devicons.io/devicons/icons/chakra-ui-icon.svg","mono":"https://devicons.io/devicons/font/chakra-ui-icon.svg"},{"file":"chakra-ui","label":"Logo with wordmark","svg":"https://devicons.io/devicons/icons/chakra-ui.svg","mono":"https://devicons.io/devicons/font/chakra-ui.svg"}],"components":{"react":{"package":"@dev.icons/react","mono":"@dev.icons/react/mono","name":"ChakraUiIcon"},"vue":{"package":"@dev.icons/vue","mono":"@dev.icons/vue/mono","name":"ChakraUiIcon"},"svelte":{"package":"@dev.icons/svelte","mono":"@dev.icons/svelte/mono","name":"ChakraUiIcon"}}}