boxlore avatar lab is a free online avatar maker and character creator with sticker energy. Mix an inclusive Material 3 / Material You face, frame it in a shape, hit Surprise me when you're stuck — then export SVG, PNG, WebP, React, Android VectorDrawable, Jetpack Compose, or Flutter. No account. No backend. Your draft stays in the browser like a secret handshake.
Make a face. Or a smile. Or twelve freckles and a hoop earring.
Most “avatar generators” give you three hairstyles and a shrug. avatar lab is a desktop-first Material You character creator: real vector parts, parametric face geometry, 35 Material shapes, and exports that don’t die in a PNG graveyard.
Built to mix. Made to ship. Still gloriously beta.
- Build — face, hair, eyes, brows, nose, expression, outfit, accessories. Stack glasses, freckles, hoops, hearing aids… wherever the vibes go.
- Style — skin / hair / outfit / accent colors, chunky sticker outlines, nudge and scale the person without wrecking the backdrop.
- Scene — all 35 Material 3 shapes, clip the face into the silhouette, hide decorations when it’s busy, remix motifs with Mix.
- Export — SVG, PNG, WebP (1× / 2× / 4×), React TSX, Android VectorDrawable,
Jetpack Compose, Flutter
flutter_svg, or one ZIP with everything.
No login wall. Undo has your back — including clip and Mix.
- Inclusive face, hair, eyes, brows, noses, mouths, outfits, and accessories
- Twelve face presets, then forehead / cheeks / jaw / chin sliders for “wait, that’s actually me”
- Glasses, earrings, freckles, piercings, hearing aids, hair clips — stack ’em
- Move and resize the avatar independently from the scene
- Surprise me for a full remix; undo / redo / reset when chaos wins
- Curated skin, hair, outfit, accent, and backdrop palettes
- Adaptive option previews (real vector parts, not mystery glyphs)
- Dynamic face shading that follows the silhouette
- Outline thickness dialed for sticker punch on any background
- Every Material 3 / Material You silhouette in the set (yes, all 35)
- Lobes, amplitude, sharpness, stretch, scale, rotation — shape surgery
- Clip the avatar inside the shape for clean profile-pic cutouts
- Decorations on, off, or remixed
- Transparent, shaped, or solid-canvas export modes
| Format | What you get |
|---|---|
| SVG | Deterministic vector source |
| PNG / WebP | 1×, 2×, and 4× rasters |
| React | Standalone TSX component |
| Android | VectorDrawable XML (API 24+ clipping) |
| Jetpack Compose | Paste-ready resource wrapper |
| Flutter | flutter_svg widget |
| ZIP | Images + platform code + notes |
Same AvatarCanvas renderer for preview and export — what you see is what ships.
Desktop recommended. Portrait editor, shapes, local save, and static exports are live. Full-body, motion, lip-sync, Lottie, and video are later — we’re not pretending otherwise.
git clone https://github.com/ashwkun/avatarlab.git
cd avatarlab
npm install
npm run devnpm run build # production build
npm test # Vitest suitesrc/
├── avatar/ # Shared SVG renderer, face geometry, Material shapes
├── editor/ # Undoable state, navigation, inspector panels
├── export/ # Bounds, SVG/PNG/WebP, Android/Compose/Flutter, ZIP
└── brand/ # Animated avatar lab identity + logo capture studio
npm run assets:avatarsLogo animation: open /?captureLogo=1, capture, save as
docs/assets/avatar-lab-logo.webp.
Free to use as part of a wider work. Not free to sell as standalone packs, stock assets, or avatar-only downloads. Attribution optional but appreciated:
Created with boxlore avatar lab
Copyright © 2026 Aswin C. All Rights Reserved.
Study / personal non-commercial use of the source is allowed. Redistribution and commercial exploitation of the Software require permission. Generated outputs have a separate grant above — see LICENSE.
Built to mix. Made to ship. Still gloriously beta.
where's the nose??