{"id":"radix-colors","name":"Radix Colors","url":"https://wunderlust.xyz/r/radix-colors","category":"components","category_label":"UI components","tags":[],"short":"Ready-made color scales for interfaces, with light and dark versions","what":"Radix Colors is a set of color scales available as JavaScript objects and CSS files, named by scale and step (blue4, --blue-3).","uses":"To build an interface palette and get dark mode with scales designed in pairs.","benefits":["Separate light and dark scales for dark themes","Works with plain CSS, styled-components, emotion and vanilla-extract","Import only the scales you use"],"caveats":["The page that was checked has no license information"],"links":{"official":"https://radix-ui.com/colors/docs/overview/usage"},"image":"https://wunderlust.xyz/media/radix-colors-og.jpg","video":"https://wunderlust.xyz/media/radix-colors.webm","share_image":"https://wunderlust.xyz/og/r/radix-colors.jpg","similar":["daisyui","realtime-colors","react-bits","flowbite","heroui","originkit"],"added_on":"2026-11-05","pt":{"name":"Radix Colors","short":"Escalas de cores prontas para interfaces, com versões claras e escuras","what":"Radix Colors é um conjunto de escalas de cor disponíveis como objetos JavaScript e arquivos CSS, nomeadas por escala e passo (blue4, --blue-3).","uses":"Para montar a paleta de uma interface e ter modo escuro com escalas pensadas em par.","benefits":["Escalas claras e escuras separadas para tema dark","Funciona com CSS puro, styled-components, emotion e vanilla-extract","Importe só as escalas que usar"],"caveats":["A página consultada não traz informações de licença"]},"schema_version":1}