Tools Overview
Small, focused utilities for working with DiceBear avatars. Each tool uses the same algorithms as the @dicebear/core library, so what you see here matches what your generated avatars do.
WCAG Contrast Picker
Explore which contrast color DiceBear would pick for any background. Uses the exact WCAG 2.1 contrast ratio implementation from @dicebear/core.
Bundle Size Estimator
See how much each style adds to your bundle — raw and gzipped numbers, straight from the installed @dicebear/styles package.
Playground
Pick a style, tune every option, preview the result live, and batch-download SVGs with your configuration. The full DiceBear configurator with copy-paste-ready code.
Editor
Design your own DiceBear-compatible avatar style from scratch in a visual editor. Export the definition and use it like any built-in style.
Figma Plugin
Export DiceBear avatar styles directly from Figma — keeps your design source of truth in sync with what ships in production.