madeindjs/nice-avatar-svg

Library for generating SVG avatar

Nice Avatar SVG

This is a fork of react-nice-avatar which provide and handy way to generate beautiful SVG avatar.

Why?

The major differences with react-nice-avatar are:

1. Produce a 100% standard SVG icon, and don't mix HTML/CSS. So you can use image on all platforms where SVG is supported (web, mobile, etc..)
2. Use lazy loading: the image will load only needed SVG parts

But above all, it provide many stacks:

• Preact: npm i @nice-avatar-svg/preact (see README)
• React: npm i @nice-avatar-svg/react (see README)
• Solid.js: npm i @nice-avatar-svg/solid (see README)
• Web Component: npm i @nice-avatar-svg/element (see README)
• Plain Javascript: npm i @nice-avatar-svg/render (see README)

How?

This monorepo expose plain JSX components in shared folder. It means that any frontend frameworks using JSX as template language can compile them.

Check my blog post for more informations.