[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-humaaans-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":10,"tagline":11,"description":12,"seo":10,"cover":13,"icon":14,"categories":15,"tags":22,"files":10,"pricing":10,"platform":10},81,"Humaaans","humaaans","https:\u002F\u002Fwww.humaaans.com\u002F","2025-11-11T08:45:13.183+00:00",null,"Humaaans is a modular illustration library by Pablo Stanley, offering 584,688 customizable character combinations with native Figma\u002FSketch integration, completely free for commercial use.","**Open License**: Released under CC0 1.0 Universal Public Domain Dedication, allowing unrestricted copying, modification, and commercial use without attribution.  \n**Design System**: Based on modern flat design with six core component categories:  \n- **Hairstyles**: 20+ options including头巾 and hats  \n- **Facial Expressions**: 30+ emotions (joy\u002Fconfusion\u002Ffocus)  \n- **Body Poses**: Standing\u002Fsitting\u002Fbust base positions  \n- **Clothing**: 40+ styles (casual\u002Fbusiness\u002Fathleisure)  \n- **Accessories**: 15+ items like glasses and backpacks  \n- **Scenes**: Background props (desks\u002Fplants)  \n\nAll elements are built on a 24×24px grid, supporting rotation, scaling, and color customization via CSS variables for dynamic effects (e.g., hover animations).  \n\n### Technology & Applications  \n**Design Tool Integration**:  \n- **Figma Plugin**: Drag-and-drop component assembly with real-time color adjustment  \n- **Sketch Library**: Symbol-based styling for quick hairstyle\u002Foutfit swapping  \n- **Adobe XD Files**: Layered source files for advanced editing  \n- **CSS-Peeps**: Dynamic web rendering via variables like `--peep-skin-color`  \n\n**Use Cases**:  \n- **Product Design**: User flow diagrams, empty states, onboarding illustrations  \n- **Marketing**: Social media graphics, email headers  \n- **Education**: E-learning materials, children's book characters  \n\n**File Formats**: Available in SVG (scalable vector), PNG (transparent background), EPS (print-ready), and native design files, compatible with IconJar library management.  \n\n### Commercial & Expansion Capabilities  \n**Brand Customization**: Supports 12 skin tone presets and full HSL color adjustment for clothing via Figma plugin, aligning with corporate visual systems.  \n**Development Resources**:  \n- **React Components**: npm package `react-humaaans` with 200+ pre-built characters  \n- **API Access**: Third-party services for dynamic avatar generation (e.g., user registration flows)  \n- **Open Source**: GitHub repository accepting community-submitted components  \n\n**Notable Examples**: Airbnb uses Humaaans for team profile illustrations, Slack integrates it into emoji panels, and Spotify employs it for podcast cover art.","c8ff4a60-5f62-4ca0-8a3a-956a94071ac3.webp","fe480a79-1e6f-4bfa-aa9f-c56704078d64.svg",[16],{"name":17,"slug":18,"sub_categories":19},"Illustrations & Graphics","illustrations-graphics",[20],{"name":21,"slug":21},"illustrations",[],[24,34,44,55],{"id":25,"url":26,"icon":27,"name":28,"slug":29,"tags":30,"cover":31,"tagline":32,"is_featured":10,"date_created":33,"date_updated":10},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":10,"date_created":43,"date_updated":10},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":10,"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":10,"date_created":64,"date_updated":10},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"]