[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-the-component-gallery-en-US":4,"featured-sidebar-data":3,"latest-resources-en-US":23},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":9,"tagline":10,"description":11,"seo":9,"cover":12,"icon":13,"categories":14,"tags":19,"files":9,"pricing":20,"platform":21},489,"The Component Gallery","the-component-gallery","https:\u002F\u002Fcomponent.gallery\u002F",null,"curated repository of UI components from 95 real-world design systems.","Component Gallery (component.gallery) is an up-to-date reference resource aggregating interface components from production design systems worldwide. It features 60 component types with 2,680 examples across 95 design systems, allowing side-by-side comparisons for inspiration in building component-based UIs. Created by Iain Bean, it's a non-commercial tool emphasizing practical patterns over ready-to-use code.\n\n#### Key Features\n- **Component Pages** → Detailed views of 60 components (e.g., Accordion, Carousel, Pagination) with aliases and examples.\n- **Design System Directory** → Profiles of 95 systems with links, tech stacks, and features.\n- **Search & Filters** → Browse by component or system for targeted reference.\n- **Inspiration Focus** → Highlights variations to inform custom solutions.","4bac797f-fd8e-4f34-94b2-8a399c7a2186.webp","1e80e8dd-7056-47db-85c0-baa2975a44fc.svg",[15],{"name":16,"slug":17,"sub_categories":18},"Inspiration","inspiration",[],[],"free",[22],"Browser",[24,34,44,55],{"id":25,"url":26,"icon":27,"name":28,"slug":29,"tags":30,"cover":31,"tagline":32,"is_featured":9,"date_created":33,"date_updated":9},612,"https:\u002F\u002Fusekodo.ai\u002F","b8589471-7a55-4558-a0b6-cac7a1805df0.svg","Kodo","kodo",[],"d422b1d4-6094-488c-88e1-c1ea3d2414fd.webp","An AI design tool that transforms text prompts into stunning, fully editable professional layouts.","2026-03-26T08:58:15.249+00:00",{"id":35,"url":36,"icon":37,"name":38,"slug":39,"tags":40,"cover":41,"tagline":42,"is_featured":9,"date_created":43,"date_updated":9},611,"https:\u002F\u002Fveeso.ai\u002F","477fe179-812f-45ff-8acb-eb1cb5fe8ac7.svg","Veeso AI","veeso-ai",[],"5bdc2f95-a5a7-4e52-b859-e2cafcf0ec85.webp","An AI tool that instantly transforms raw text content into professional, production-ready designs.","2026-03-26T08:48:55.54+00:00",{"id":45,"url":46,"icon":47,"name":48,"slug":49,"tags":50,"cover":51,"tagline":52,"is_featured":9,"date_created":53,"date_updated":54},603,"https:\u002F\u002Fopenclaw.ai\u002F","4863562c-0b51-4de2-98d1-1bd54e66cb14.svg","OpenClaw","open-claw",[],"aee1eea9-9f8f-4542-9cfa-509a3fd4c937.webp","An open-source personal AI assistant that runs locally and performs tasks via your favorite chat apps.","2026-01-25T07:01:21.29+00:00","2026-03-20T02:34:02.428+00:00",{"id":56,"url":57,"icon":58,"name":59,"slug":60,"tags":61,"cover":62,"tagline":63,"is_featured":9,"date_created":64,"date_updated":9},610,"https:\u002F\u002Fhandwrittengenerator.com\u002F","23222ea6-35f4-4186-b959-43113e84192a.svg","Handwritten Generator","handwritten-generator",[],"b9d9379f-fd78-4db4-8247-915a4b5e2bf3.webp","An online tool that instantly converts digital text into realistic handwritten images.","2026-03-20T02:27:03.068+00:00"]