[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-ant-design-x-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":54,"alternatives-ant-design-x-en-US":121,"related-resources-ant-design-x-en-US":182},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":12,"features":15,"pros":22,"cons":26,"best_for":29,"cover":30,"icon":9,"pricing":31,"platform":32,"github_url":9,"twitter_url":9,"discord_url":9,"dribbble_url":9,"pricing_tiers":34,"views_count":35,"featured_rank":9,"categories":36,"tags":41,"files":9},804,"Ant Design X","ant-design-x","https:\u002F\u002Fx.ant.design",null,"Conversational UI component library by Ant Group","Ant Design X is a design system and React component library specialized for building conversational AI interfaces. It provides a rich set of chat UI components, design tokens, and dark mode support. Built by Ant Group, it follows the Ant Design design philosophy while extending into the conversational UI space with components for chat bubbles, input areas, and AI interaction patterns.",{"title":13,"meta_description":14},"Ant Design X -- Conversational UI component library by Ant Group","Ant Design X is a design system and React component library specialized for building conversational AI interfaces. It provides a rich set of chat UI componen...",[16,17,18,19,20,21],"Comprehensive chat bubble and message components","Design tokens for consistent theming across projects","Built-in dark mode support","Conversation flow and interaction patterns","Seamless integration with React applications","Follows Ant Design design system standards",[23,24,25],"Well-documented with comprehensive examples","Built and maintained by the Ant Group team","Supports modern React with hooks and TypeScript",[27,28],"Primarily focused on conversational UIs only","Requires knowledge of React and Ant Design","Best for React developers building AI chat interfaces who want a robust, production-ready component library","d137be0a-9852-4925-ab5d-f3a55ae63682.webp","free",[33],"Web",{"free":3},0,[37],{"name":38,"slug":39,"sub_categories":40},"Design Tools","design-tools",[],[42,45,48,51],{"name":43,"slug":44},"Open Source","open-source",{"name":46,"slug":47},"UI Kits","ui-kits",{"name":49,"slug":50},"Design Systems","design-systems",{"name":52,"slug":53},"Dark Mode","dark-mode",[55,87,98,108],{"id":56,"url":57,"icon":9,"name":58,"slug":59,"tags":60,"cover":83,"tagline":84,"is_featured":85,"date_created":86,"date_updated":9},858,"https:\u002F\u002Fwww.genspark.ai\u002F","Genspark Design","genspark-design",[61,64,66,69,71,73,75,77,79,81],{"seo":9,"name":62,"slug":63},"AI Powered","ai-powered",{"seo":9,"name":9,"slug":65},"ai",{"seo":9,"name":67,"slug":68},"Freemium","freemium",{"seo":9,"name":9,"slug":70},"free-trial",{"seo":9,"name":9,"slug":72},"image-editing",{"seo":9,"name":9,"slug":74},"video",{"seo":9,"name":9,"slug":76},"animation",{"seo":9,"name":9,"slug":78},"prototyping",{"seo":9,"name":9,"slug":80},"no-code",{"seo":9,"name":9,"slug":82},"productivity","fc3931e4-3210-4155-a94b-da3a261fe281.webp","The next-gen AI for design — powered by Claude Opus 4.7",false,"2026-06-28T03:12:01.911314+00:00",{"id":88,"url":89,"icon":9,"name":90,"slug":91,"tags":92,"cover":95,"tagline":96,"is_featured":85,"date_created":97,"date_updated":9},857,"https:\u002F\u002Folivia-tsui.github.io\u002Fct\u002F","World's Best Scale Tool","worlds-best-scale-tool",[93],{"seo":9,"name":9,"slug":94},"colors","eb5afb81-91ac-496d-96b6-bd870afbc2a8.webp","Advanced color scale and palette generation tool","2026-06-24T04:31:04.697212+00:00",{"id":99,"url":100,"icon":9,"name":101,"slug":102,"tags":103,"cover":105,"tagline":106,"is_featured":85,"date_created":107,"date_updated":9},856,"https:\u002F\u002Fwww.tints.dev\u002F","Tailwind CSS Color Generator","tailwind-css-color-generator",[104],{"seo":9,"name":9,"slug":94},"bd6eba7c-091e-4cfa-83c6-a7f3392e1032.webp","Tailwind CSS 11-color palette generator and API","2026-06-24T04:30:57.92162+00:00",{"id":109,"url":110,"icon":9,"name":111,"slug":112,"tags":113,"cover":118,"tagline":119,"is_featured":85,"date_created":120,"date_updated":9},855,"https:\u002F\u002Fscreensiz.es\u002F","Screensiz.es","screensiz-es",[114,116],{"seo":9,"name":115,"slug":31},"Free",{"seo":9,"name":9,"slug":117},"inspiration","b56672d4-1eab-4481-a3f5-4440977fb881.webp","Device screen sizes and viewport reference","2026-06-24T04:30:50.994519+00:00",[122,128,134,140,146,152,158,164,170,176],{"url":123,"name":124,"slug":125,"cover":126,"tagline":127},"https:\u002F\u002Fshrink.media","Shrink Media","shrink-media","f1e068c7-ff73-479b-a1f0-a284bfaba932.webp","Online image compression tool that preserves quality",{"url":129,"name":130,"slug":131,"cover":132,"tagline":133},"https:\u002F\u002Ftally.so","Tally","tally","b1272527-6421-47e3-800b-19175425c94a.webp","Free form builder with a Notion-like editing experience",{"url":135,"name":136,"slug":137,"cover":138,"tagline":139},"https:\u002F\u002Fpixel.heyfe.org","Pixel Hey","pixel-hey","b831a261-da0e-4c2a-ad23-8479de51748d.webp","Turn any image into pixel art online",{"url":141,"name":142,"slug":143,"cover":144,"tagline":145},"https:\u002F\u002Fmoonvy.com\u002Fapps\u002FPxEvapo\u002F","PxEvapo","pxevapo","d78f9c86-96b5-4325-8dee-3d1892e86507.webp","Online image resizing and compression tool",{"url":147,"name":148,"slug":149,"cover":150,"tagline":151},"https:\u002F\u002Fpicsee.co","Picsee","picsee","9a696a5e-9acd-45e1-a9c5-efee29a9543f.webp","Screenshot annotation and sharing tool",{"url":153,"name":154,"slug":155,"cover":156,"tagline":157},"https:\u002F\u002Fimageprompt.org","ImagePrompt","imageprompt","9210d8bd-a879-4683-a60b-193d44cb343c.webp","Free AI image-to-prompt generator",{"url":159,"name":160,"slug":161,"cover":162,"tagline":163},"https:\u002F\u002Ffigma.to.website","Figma to Website","figma-to-website","e81f59a8-7c6e-4600-b377-3a5bdcd5636f.webp","Publish live websites from Figma designs",{"url":165,"name":166,"slug":167,"cover":168,"tagline":169},"https:\u002F\u002Fclipbook.app","Clipbook","clipbook","925fd4fd-3e4c-49dc-a0c5-af653d860315.webp","macOS clipboard history manager",{"url":171,"name":172,"slug":173,"cover":174,"tagline":175},"https:\u002F\u002Fgithub.cards","GitHub.cards","github-cards","58b0c7d4-d07f-464a-b07f-584728d96ba8.webp","Generate beautiful GitHub profile data cards",{"url":177,"name":178,"slug":179,"cover":180,"tagline":181},"https:\u002F\u002Fcsshero.org\u002Fmesher","CSS Hero Mesher","css-hero-mesher","c8e938c6-095b-4b0f-b2b4-e24a18bec17d.webp","Create beautiful mesh gradient backgrounds with CSS",[183,196,211],{"url":184,"icon":9,"name":185,"slug":186,"tags":187,"cover":193,"tagline":194,"is_featured":3,"date_created":195,"date_updated":9},"https:\u002F\u002Flinear.app","Linear","linear-app",[188,190,191,192],{"seo":9,"name":9,"slug":189},"collaboration",{"seo":9,"name":9,"slug":78},{"seo":9,"name":67,"slug":68},{"seo":9,"name":9,"slug":82},"7dc9bed7-8510-495f-82b3-84a60b1b4819.webp","Fast, streamlined issue tracking and project management — built for modern product teams","2026-06-16T07:18:11.23048+00:00",{"url":197,"icon":9,"name":198,"slug":199,"tags":200,"cover":208,"tagline":209,"is_featured":3,"date_created":210,"date_updated":9},"https:\u002F\u002Fwww.gimp.org","GIMP","gimp",[201,202,203,204,206],{"seo":9,"name":115,"slug":31},{"seo":9,"name":43,"slug":44},{"seo":9,"name":9,"slug":72},{"seo":9,"name":9,"slug":205},"svg",{"seo":9,"name":9,"slug":207},"print-design","9f4321c5-7770-4e9d-a434-774fc0698c90.webp","The free and open-source image editor — a powerful Photoshop alternative for photo retouching and image composition","2026-06-16T07:16:45.154035+00:00",{"url":212,"icon":9,"name":213,"slug":214,"tags":215,"cover":221,"tagline":222,"is_featured":3,"date_created":223,"date_updated":9},"https:\u002F\u002Fbalsamiq.com","Balsamiq","balsamiq",[216,218,219,220],{"seo":9,"name":9,"slug":217},"wireframe",{"seo":9,"name":9,"slug":78},{"seo":9,"name":9,"slug":189},{"seo":9,"name":67,"slug":68},"3d08be4f-39f6-4152-a769-e28d1a04aac2.webp","Fast, focused wireframing tool that keeps conversations on structure — not pixels","2026-06-16T07:14:07.685566+00:00"]