ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Webやアプリのデザインを行う際に、アテで文字列を適用します。同じ文字を繰り返す、小説の一文を使うなど様々な方法がありますが、むしろテキストでない方がいいこともあるでしょう。

そんな時に使ってみたいのがReact Spectrumです。カラフルなプレースホルダーを生成します。

React Spectrumの使い方

生成例です。

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

四角いパターンも。

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

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

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

React Spectrum Demo

ganapativs/react-spectrum: Generate colorful text placeholders ?

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2