Humaaans

Visão Geral

Open License: Released under CC0 1.0 Universal Public Domain Dedication, allowing unrestricted copying, modification, and commercial use without attribution. Design System: Based on modern flat design with six core component categories: Hairstyles: 20+ options including头巾 and hats Facial Expressions: 30+ emotions (joy/confusion/focus) Body Poses: Standing/sitting/bust base positions Clothing: 40+ styles (casual/business/athleisure) Accessories: 15+ items like glasses and backpacks Scenes: Background props (desks/plants) All elements are built on a 24×24px grid, supporting rotation, scaling, and color customization via CSS variables for dynamic effects (e.g., hover animations). Technology & Applications Figma Plugin: Drag-and-drop component assembly with real-time color adjustment Sketch Library: Symbol-based styling for quick hairstyle/outfit swapping Adobe XD Files: Layered source files for advanced editing CSS-Peeps: Dynamic web rendering via variables like --peep-skin-color Use Cases: Product Design: User flow diagrams, empty states, onboarding illustrations Marketing: Social media graphics, email headers Education: E-learning materials, children's book characters File Formats: Available in SVG (scalable vector), PNG (transparent background), EPS (print-ready), and native design files, compatible with IconJar library management. Commercial & Expansion Capabilities Brand Customization: Supports 12 skin tone presets and full HSL color adjustment for clothing via Figma plugin, aligning with corporate visual systems. React Components: npm package react-humaaans with 200+ pre-built characters API Access: Third-party services for dynamic avatar generation (e.g., user registration flows) Open Source: GitHub repository accepting community-submitted components Notable Examples: Airbnb uses Humaaans for team profile illustrations, Slack integrates it into emoji panels, and Spotify employs it for podcast cover art.

label.best_for

API acessar: Third-party services para dynamic avatar generation (e.g., usuário registration flows) código aberto: GitHub repository accepting comunidade-submitted componentes Notable Examples: Airbnb usa Humaaans para equipe profile ilustrações, Slack integra ele em emoji panels, e Spotify employs ele para podcast cover art.

Principais Recursos

• pronto componentes de IU
• Figma/Sketch/XD formats
• responsivo layouts
• personalizável tokens de projetar