¿Quién no ama los generadores de datos simulados? Herramientas como Mockapi o la biblioteca de código abierto Faker favorita de todos los tiempos que recientemente dio origen a FakerCloud .

Esas plataformas brindan formas de generar muchas propiedades de API, desde cosas simples como correo electrónico o nombre de usuario hasta contraseñas complejas y geocoordenadas.

Hoy mostraré algunas API / bibliotecas populares para generar imágenes de avatar para su próximo proyecto React.

1. FakerJS

Probablemente la biblioteca de generación de datos simulada más grande que existe y que admite muchos lenguajes desde PHP hasta JS y Python, su API cubre todos los casos de uso posibles, incluidas imágenes para animales o avatares.

Instalemos el paquete faker JS:

Es bastante sencillo generar una imagen de avatar como esta:

2. Unsplash

Unsplash es una plataforma increíble que muestra imágenes hermosas y de libre uso que podemos usar en maquetas de diseño o incluso productos finales, dependiendo de la licencia dada, por supuesto.

También podemos usar la API de Unsplash Source para tareas básicas como buscar imágenes de un determinado usuario o mediante una determinada consulta que se adapte a nuestro simple ejemplo.

Si está interesado en la API oficial de Unsplash, que brinda control total sobre más datos administrados por la plataforma, puede registrarse como desarrollador aquí .

3. Cabezudos

Los 2 ejemplos anteriores traen imágenes de avatar del mundo real, pero ¿qué pasa si queremos un estilo de dibujos animados para los avatares?

Aquí vienen cabezas grandes con un aspecto de caricatura estilizada y muchas variantes para generar cabezas funky, el único inconveniente es la falta de una API aleatoria directa (o al menos no pude encontrar una).

Instalamos la biblioteca como de costumbre

Para generar avatares aleatorios, necesitamos poder mezclar propiedades aleatorias aceptadas por el componente BigHead, afortunadamente después de buscar un poco en los documentos oficiales logré encontrar este método :

Con él, podemos difundir los accesorios de esta manera <BigHead {...getRandomOptions()} />.

4. Avatares de DiceBear

Si BigHeads no fuera suficiente, entonces aquí viene el fiestero: DiceBear. Esta increíble biblioteca nos permite generar avatares aleatorios en 10 estilos diferentes: pixelado, caricaturizado, solo con iniciales o incluso como arte generativo.

Es posible que ya reconozca Avataaars, que es otra biblioteca en sí misma, pero es accesible a través de la API de generación aleatoria DiceBear.

Afortunadamente, también proporcionan una URL:

El código final:

Si desea consultar el código, aquí está CodeSandbox .

Vea más de mi trabajo en alexstreza.dev .

Espero que hayas disfrutado de esta breve muestra de los Generadores de Avatar y te encantaría que le dieras un 👏 a este artículo.

Más contenido en plainenglish.io