[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_79":-7,"_80":28,"_81":82,"_83":-5,"_37":84},"routes/products.$slug",{"_11":67},"routes/products.$slug.embed",{"_11":12,"_13":14},"product",{"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40},"code","

<a href=\"https://toplistly.com/products/radix-ui-com?ref=radix-ui.com\" target=\"_blank\">\n  <img src=\"https://media.toplistly.com/embed/featured.png\" alt=\"Radix UI Featured on Toplistly\" style=\"max-width:222px; max-height:50px;\"/>\n</a>

","id","1576f7b8-98fb-43f2-ac79-62d4c3885208","url","https://radix-ui.com","name","Radix UI","slug","radix-ui-com","tagline","An open-source React component library for building accessible, customizable web interfaces and design systems.","description","

Radix UI is an open-source collection of tools for building web interfaces, mainly with React. It is designed to help developers create accessible and customizable user interfaces without starting from scratch.

The product includes:

Radix Primitives: unstyled, accessible React components such as dialogs, dropdowns, popovers, tooltips, and tabs.
Radix Themes: a styled component library built on the primitives.
Radix Colors: accessible color scales for interface design.
Radix Icons: a set of crisp, ready-to-use icons.

Because the primitives are unstyled, they can be used with many CSS and styling solutions. They work in React web applications, including frameworks such as Next.js, Remix, Vite, Gatsby, and Create React App, and support both client-side and server-side rendering.

Radix UI is useful for developers and design system teams that want accessible building blocks, flexible styling, and reusable components for modern web applications.

","verified",false,"status","approved","launchedAt",["D",1793577600000],"color","#000000","files",[64],"tags",[41,42,43],"deals",[],{"_15":58,"_45":59},{"_15":52,"_45":53},{"_15":44,"_45":46},"e1dc70f0-c23a-4589-94e2-0225447a8a5a","tag",{"_15":47,"_19":48,"_21":49,"_50":51},"19a4c1ce-57db-4e67-a69e-4565134138c1","Web","web","type","platform","37551b27-17a5-4660-ac09-f9ad801de2b3",{"_15":54,"_19":55,"_21":56,"_50":57},"31530cfc-75c6-46de-a021-1df195ae823c","Icons","icons","category","12d86ec6-8bfb-4dc9-9779-d2cd12459b05",{"_15":60,"_19":61,"_21":62,"_50":63},"4489dd9d-a1ba-4bb6-9e39-0d6cbc19ae9b","Free","free","pricing",{"_15":65,"_25":66},"fec77d9a-8f86-4ade-bfc5-08f3a48435a9","Homepage of Radix UI",{"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":68,"_33":34,"_35":69,"_37":70,"_39":71},["D",1793577600000],[78],[72,73,74],[],{"_15":58,"_45":77},{"_15":52,"_45":76},{"_15":44,"_45":75},{"_15":47,"_19":48,"_21":49,"_50":51},{"_15":54,"_19":55,"_21":56,"_50":57},{"_15":60,"_19":61,"_21":62,"_50":63},{"_15":65,"_25":66},"toast","preview","support",{"_174":28,"_175":28,"_176":177},"analytics",[85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102],{"_15":170,"_19":171,"_21":172,"_106":173},{"_15":166,"_19":167,"_21":168,"_106":169},{"_15":162,"_19":163,"_21":164,"_106":165},{"_15":159,"_19":160,"_21":161,"_106":158},{"_15":155,"_19":156,"_21":157,"_106":158},{"_15":151,"_19":152,"_21":153,"_106":154},{"_15":147,"_19":148,"_21":149,"_106":150},{"_15":143,"_19":144,"_21":145,"_106":146},{"_15":139,"_19":140,"_21":141,"_106":142},{"_15":135,"_19":136,"_21":137,"_106":138},{"_15":132,"_19":133,"_21":83,"_106":134},{"_15":128,"_19":129,"_21":130,"_106":131},{"_15":124,"_19":125,"_21":126,"_106":127},{"_15":120,"_19":121,"_21":122,"_106":123},{"_15":116,"_19":117,"_21":118,"_106":119},{"_15":112,"_19":113,"_21":114,"_106":115},{"_15":108,"_19":109,"_21":110,"_106":111},{"_15":103,"_19":104,"_21":105,"_106":107},"60034938-a55c-49b1-8a7d-19ee78ab66d4","Ecommerce","ecommerce","count",15,"08913002-a9ca-4fd2-ac62-dcb1329e2e30","Product Analytics","product-analytics",18,"e50e1cbd-14cf-4428-86f7-5284f81b2fca","AI Agents & Chatbots","ai-agents",19,"7107b8b5-6651-4770-b04a-993ae1e7d512","Sales","sales",22,"16bc6ca5-d1a8-45b0-9010-3508a42647cc","Project Management","project-management",23,"f08d06bd-c056-41c9-a92c-26f56f4cfa82","No Code","no-code",24,"b0bf8a95-b70e-45bc-87e0-a629b03be5ad","Security and Compliance","security-and-compliance",29,"54f8ff26-66fa-48e1-9b5b-ed376c02176f","Analytics",30,"b56dd1b3-e63d-43a3-9f15-2a537a5e3cff","Lifestyle","lifestyle",32,"d997f768-6764-4aae-b644-7752d5f849df","Business","business",33,"6533b624-6d3d-42a7-9fca-2034144c1115","Collaboration","collaboration",34,"1d128e87-7967-4cc2-9136-532a0f2ac09f","Finance","finance",35,"88ef9ce4-951e-4fa1-b3f1-e96eb211f1db","Design Tools","design-tools",44,"b40713ef-65e7-4b57-8141-b0eaabca88b3","Artificial Intelligence","artificial-intelligence",48,"c4683ee6-b52f-4c49-b425-b3052bd95430","Automation","automation","80ceaa53-b8b8-49cc-8801-a1fc77783a09","Marketing","marketing",63,"54249f92-b0d9-4d71-9bb6-7af568092c6b","Developer Tools","developer-tools",84,"3daf5a5b-9976-422c-851f-412e7771ebc5","Productivity","productivity",131,"webp","avif","classes",""]

Radix UI

Radix UI embed badge