「任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリ・「Boring Avatars」」のご紹介| Webデザイン参考記事まとめアプデ

2021年05月31日(月)

任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリ・「Boring Avatars」

0

1

1

5

Boring Avatars

Boring Avatarsは任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリです。

テキストを入力すると、そのテキストに合わせて内容が変化する、というもの。シンプルなアバターからグラデーション、ランダムな模様、モザイク、グラデーション+ツートーン、リングなどが用意されており、カラーパレットも変更する事が出来ます。テキストは、その意味に関係なく一定の法則で変化するみたいです。

作成されたアバター等はその場でSVGのコードをコピーする事が出来ます。名前入力でアバター自動生成は様々なアプリで使えそうですね。ライセンスはMIT。

Boring Avatars

WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリ・「Boring Avatars」』についてまとめています。

この記事は特にSVG・アプリについて書かれており、気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。