React Spectrum - カラフルなテキスト用プレースホルダーを生成 // MOONGIFT Archived

Webやアプリのデザインを行う際に、アテで文字列を適用します。同じ文字を繰り返す、小説の一文を使うなど様々な方法がありますが、むしろテキストでない方がいいこともあるでしょう。そんな時に使ってみたいのがReact Spectrumです。カラフルなプレースホルダーを生成します。

React Spectrumの使い方

生成例です。

太さも色も自在に変えられます。

四角いパターンも。

ダークモードにも対応しています。

React Spectrumを使うことで、ユーザに雰囲気を伝えることができるでしょう。React SpectrumはReactで生成していますので、React以外のWebアプリであれば生成したプレースホルダーを画像として使うのも良さそうです。

React SpectrumはTypeScript製のオープンソース・ソフトウェア（MIT License）です。