[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"categories-en-US":3,"blog-categories-en-US":3,"resource-humaaans-en-US":4,"featured-sidebar-data-en-US":3,"latest-resources-en-US":49,"alternatives-humaaans-en-US":126,"related-resources-humaaans-en-US":162},true,{"id":5,"name":6,"slug":7,"url":8,"date_updated":9,"images_other":10,"tagline":11,"description":12,"seo":13,"features":16,"pros":23,"cons":27,"best_for":30,"cover":31,"icon":32,"pricing":33,"platform":10,"github_url":10,"twitter_url":10,"discord_url":10,"dribbble_url":10,"pricing_tiers":34,"views_count":35,"featured_rank":10,"categories":36,"tags":43,"files":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.\nDesign System: Based on modern flat design with six core component categories:\nHairstyles: 20+ options including headscarves and hats\nFacial Expressions: 30+ emotions (joy\u002Fconfusion\u002Ffocus)\nBody Poses: Standing\u002Fsitting\u002Fbust base positions\nClothing: 40+ styles (casual\u002Fbusiness\u002Fathleisure)\nAccessories: 15+ items like glasses and backpacks\nScenes: Background props (desks\u002Fplants)\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).\nTechnology & Applications\nFigma Plugin: Drag-and-drop component assembly with real-time color adjustment\nSketch Library: Symbol-based styling for quick hairstyle\u002Foutfit swapping\nAdobe XD Files: Layered source files for advanced editing\nCSS-Peeps: Dynamic web rendering via variables like --peep-skin-color\nUse Cases:\nProduct Design: User flow diagrams, empty states, onboarding illustrations\nMarketing: Social media graphics, email headers\nEducation: E-learning materials, children's book characters\nFile Formats: Available in SVG (scalable vector), PNG (transparent background), EPS (print-ready), and native design files, compatible with IconJar library management.\nCommercial & Expansion Capabilities\nBrand Customization: Supports 12 skin tone presets and full HSL color adjustment for clothing via Figma plugin, aligning with corporate visual systems.\nReact Components: npm package react-humaaans with 200+ pre-built characters\nAPI Access: Third-party services for dynamic avatar generation (e.g., user registration flows)\nOpen Source: GitHub repository accepting community-submitted components\nNotable Examples: Airbnb uses Humaaans for team profile illustrations, Slack integrates it into emoji panels, and Spotify employs it for podcast cover art.",{"title":14,"meta_description":15},"Humaaans - 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. | DesignToolMark","Open License: Released under CC0 1.0 Universal Public Domain Dedication, allowing unrestricted copying, modification, and commercial use without attribution....",[17,18,19,20,21,22],"Modular character illustration system","584,688 customizable combinations","Native Figma and Sketch integration","Flat design style","CC0 license for commercial use","Expandable component library",[24,25,26],"Free for any commercial project","Easy to customize with component mixing","Works directly in Figma\u002FSketch",[28,29],"Limited to flat illustration style","Character-focused only, no scene illustrations","Design teams needing consistent, customizable character illustrations for digital products and websites","c8ff4a60-5f62-4ca0-8a3a-956a94071ac3.webp","fe480a79-1e6f-4bfa-aa9f-c56704078d64.svg","free",{"free":3},0,[37],{"name":38,"slug":39,"sub_categories":40},"Illustrations & Graphics","illustrations-graphics",[41],{"name":42,"slug":42},"illustrations",[44,46],{"name":45,"slug":42},"Illustrations",{"name":47,"slug":48},"Freebie","freebie",[50,72,87,100],{"id":51,"url":52,"icon":10,"name":53,"slug":54,"tags":55,"cover":68,"tagline":69,"is_featured":70,"date_created":71,"date_updated":10},862,"https:\u002F\u002Fdeveloper.apple.com\u002Fdesign\u002Fresources\u002F","Apple Design Resources","apple-design-resources",[56,58,60,62,64,66],{"seo":10,"name":57,"slug":33},"Free",{"seo":10,"name":10,"slug":59},"fonts",{"seo":10,"name":10,"slug":61},"icons",{"seo":10,"name":10,"slug":63},"mockups",{"seo":10,"name":10,"slug":65},"ui-kits",{"seo":10,"name":10,"slug":67},"design-systems","39af338d-2e06-4c05-bfcb-b33066ed9bb7.webp","Official Apple design templates, UI kits, fonts, and tools",false,"2026-07-16T01:44:01.585569+00:00",{"id":73,"url":74,"icon":10,"name":75,"slug":76,"tags":77,"cover":84,"tagline":85,"is_featured":70,"date_created":86,"date_updated":10},861,"https:\u002F\u002Fferalui.dev\u002Fgradients","FeralUI Gradient Builder","feralui-gradients",[78,79,82],{"seo":10,"name":57,"slug":33},{"seo":10,"name":80,"slug":81},"Open Source","open-source",{"seo":10,"name":10,"slug":83},"colors","7ebaf15a-33a1-4f03-bd92-88ad52b886e5.webp","Playful, physics-driven gradient builder for Tailwind CSS","2026-07-16T01:39:25.742464+00:00",{"id":88,"url":89,"icon":10,"name":90,"slug":91,"tags":92,"cover":97,"tagline":98,"is_featured":70,"date_created":99,"date_updated":10},860,"https:\u002F\u002Fviewport-ui.design\u002F","Viewport UI","viewport-ui",[93,94,95],{"seo":10,"name":57,"slug":33},{"seo":10,"name":10,"slug":65},{"seo":10,"name":10,"slug":96},"inspiration","7a4e7938-e9b1-4f8b-9886-37b683ddd8f6.webp","UI curated experiences for your inspiration","2026-07-07T06:28:48.469215+00:00",{"id":101,"url":102,"icon":10,"name":103,"slug":104,"tags":105,"cover":123,"tagline":124,"is_featured":70,"date_created":125,"date_updated":10},859,"https:\u002F\u002F21st.dev\u002F","21st.dev","21st-dev",[106,109,111,112,115,116,117,119,121],{"seo":10,"name":107,"slug":108},"AI Powered","ai-powered",{"seo":10,"name":10,"slug":110},"ai",{"seo":10,"name":57,"slug":33},{"seo":10,"name":113,"slug":114},"Freemium","freemium",{"seo":10,"name":10,"slug":65},{"seo":10,"name":10,"slug":67},{"seo":10,"name":10,"slug":118},"prototyping",{"seo":10,"name":10,"slug":120},"no-code",{"seo":10,"name":10,"slug":122},"productivity","79e67612-7a6f-45be-a799-e872786fc4ed.webp","Hand-crafted React components and templates — not AI slop","2026-07-07T06:23:36.061553+00:00",[127,133,139,145,150,156],{"url":128,"name":129,"slug":130,"cover":131,"tagline":132},"https:\u002F\u002Fwww.transhumans.xyz\u002F","Transhumans","transhumans","4de2a826-141c-4160-8c6f-40184fa44ee3.webp","Transhumans is an open-source transhumanist illustration library by Pablo Stanley, blending punk rock and Japanese minimalism with 40+ black-and-white sci-fi character illustrations, fully free for commercial use.",{"url":134,"name":135,"slug":136,"cover":137,"tagline":138},"https:\u002F\u002Fwww.opendoodles.com\u002F","Open Doodles","open-doodles","115b1b43-40e6-4e8c-9a82-9df79f02eae8.webp","Open Doodles is an open-source hand-drawn illustration library by Pablo Stanley, featuring 50+ daily life场景插图 in SVG\u002FPNG\u002FGIF formats, completely free for commercial use.",{"url":140,"name":141,"slug":142,"cover":143,"tagline":144},"https:\u002F\u002Fwww.blackillustrations.com\u002F","Black Illustrations","black-illustrations","174884e4-64aa-4674-83a4-9c5db582af9c.webp","A free illustration platform founded by John D. Saunders, providing diverse Black representation素材 for digital projects with commercial licensing, addressing the underrepresentation of Black figures in design.",{"url":146,"name":147,"slug":147,"cover":148,"tagline":149},"https:\u002F\u002Filllustrations.co\u002F","illlustrations","a99b8439-fdb8-4a59-802a-3a2a55bc1b53.webp","An open-source illustration kit by Vijay Verma featuring 120+ high-quality vector images with multi-format downloads and Figma integration, free for commercial use without attribution.",{"url":151,"name":152,"slug":153,"cover":154,"tagline":155},"https:\u002F\u002Fwww.openpeeps.com\u002F","Open Peeps","open-peeps","9a1d69d7-1fb9-455e-be94-8bae2a67b29d.webp","Open Peeps is a hand-drawn vector illustration library by Pablo Stanley, featuring modular components with 584,688 possible character combinations, fully free for commercial use.",{"url":157,"name":158,"slug":159,"cover":160,"tagline":161},"https:\u002F\u002Fabsurd.design\u002F","Absurd Design","absurd-design","8cdfdd90-da9d-42ab-9328-df1fdd56dd65.webp","A surrealist hand-drawn illustration platform founded by Diana Valeanu, featuring 336 AI-free vector artworks with \"absurd aesthetics,\" available through free attribution-required access and premium subscription.",[163,172,185],{"url":164,"icon":10,"name":165,"slug":166,"tags":167,"cover":169,"tagline":170,"is_featured":70,"date_created":171,"date_updated":10},"https:\u002F\u002Fuxie.io\u002F","UXie.io","uxie-io",[168],{"seo":10,"name":10,"slug":120},"9ee2077d-de96-48a7-b428-8fc41efb45ab.webp","Free design tool collection for developers","2026-06-23T14:37:15.970506+00:00",{"url":173,"icon":10,"name":174,"slug":175,"tags":176,"cover":182,"tagline":183,"is_featured":70,"date_created":184,"date_updated":10},"https:\u002F\u002Fmokker.ai\u002F","Mokker AI","mokker-ai",[177,178,179,181],{"seo":10,"name":10,"slug":110},{"seo":10,"name":107,"slug":108},{"seo":10,"name":10,"slug":180},"image-editing",{"seo":10,"name":113,"slug":114},"90a140a0-f351-4c2b-84aa-2b6f26cbc3b6.webp","AI product photo background generator","2026-06-23T12:31:55.630534+00:00",{"url":186,"icon":10,"name":187,"slug":188,"tags":189,"cover":193,"tagline":194,"is_featured":70,"date_created":195,"date_updated":10},"https:\u002F\u002Flogggos.club","LOGGGOS","logggos",[190,191,192],{"seo":10,"name":57,"slug":33},{"seo":10,"name":10,"slug":42},{"seo":10,"name":10,"slug":96},"199a12ef-e241-4274-9dd1-f9ad11228f2d.webp","Curated logo design inspiration gallery","2026-06-23T11:25:28.014388+00:00"]