Beautiful Generative Gradient Avatars for React
avatars.outpacestudios.com · 456 words · saved by 2 readers
Free, zero-dependency React component for generative gradient avatars. Any seed becomes a unique mesh gradient or crisp dither, no stored images. MIT licensed.
@outpacelabs/avatars is a free, open-source React component that renders generative, deterministic mesh-gradient avatars on an HTML canvas. The same seed, whether a user id, email, or username, always produces the same gradient, so you get a stable profile picture with no stored images and no network requests. A pattern prop renders each seed as the signature soft mesh gradient or a crisp ordered dither. Zero dependencies, MIT licensed. Install with npm i @outpacelabs/avatars, then render a GradientAvatar with any seed. What is @outpacelabs/avatars? A zero-dependency React avatar…
saved by
related reading
- JAPANESE GRADIENTS [FOR UI]™japanesegradientsforui.com
- Free ASCII Art Generator, Image & Video to ASCII | ASCII Magicascii-magic.com
- Components | Canvas UIcanvasui.dev
- Create a Palette - Coolorscoolors.co
- Particle Imagepro.reactbits.dev
- Paper Shaders – Ultra-fast zero-dependency shadersshaders.paper.design
- DESIGN.md Examples for AI Agents | Refero Stylesstyles.refero.design
- Wonder — What you see is what you shipwonder.design
- Amelia Wattenbergerwattenberger.com
- Tailwind CSS Colors - All colors + Custom color generatoruicolors.app
- playgrnd — tiny tools for making weird, beautiful thingsplaygrnd.tools
- ui.sh — Agent skills for interface buildersui.sh