Dither SVG Avatar Generator gives your Bubble app retro-futuristic, high-contrast user avatars — deterministic vector SVGs, zero external API dependencies, and automatic color palette math.
───────────────────
✨ KEY FEATURES
───────────────────

🎨 Deterministic Seed Generation
 • convert any text string (username, email, or user ID) into a unique, reproducible avatar
 • guarantee users get the exact same avatar across all devices, sessions, and page renders
 • ideal for default profile pictures, identity representations, and gamified dashboards

⚡ Bayer 4x4 Dither Algorithm
 • compute high-contrast pixelated density gradients using a 4×4 Bayer dithering matrix
 • render beautiful retro halftone grids and retro-computing styled profile images
 • output highly-optimized SVG paths that scale infinitely without any blur or pixelation

🌈 Automatic Palette Math
 • derive complementary background and dot colors directly from the seed's hash
 • calibrate optimal contrast using fine-tuned saturation and lightness constraints
 • function fully out-of-the-box without requiring any manual color inputs

⚙️ Custom Style Overrides
 • override background colors using any standard CSS values (HEX, RGB, HSL)
 • override dot colors independently to match your app's color branding
 • configure border radius values from 50% for circles to 8px for rounded squares

📄 Dual Output Formats
 • expose raw SVG markup in the svg_output state for inline HTML rendering
 • expose base64 data URI in the data_uri state to bind directly to Image element sources
 • keep page weight ultra-light with compact vector strings averaging only 1.5 KB


🔗 [View demo page](https://plugins-demo-70356.bubbleapps.io/version-test/dither-svg-avatar-generator)
🔗 [View demo in editor](https://bubble.io/page?id=plugins-demo-70356&tab=Design&name=dither-svg-avatar-generator)