
Webディレクター向け


背景やポーズ、性別や顔を変更して好みのイラストを作れる・「Sapiens Character Builder」

オープンソースのシンプルなモバイルアプリ解析ツール・「Femtolytics」

コード不要でレスポンシブ対応のWebページを作成、ダウンロードできるシンプルなWebサイトビルダーアプリ・「Aspect」

さまざまなタイプのSVGの背景を手軽に作れるWebアプリ・「BGJar」

オープンソースのSlack代替なチャットアプリ・「Twake」

フレームワーク不要の非依存型で軽量シンプルなカラーピッカーライブラリ・「Vanilla Colorful」

オープンソースのCalendly代替・「What Time Today?」

1000以上のシンプルなアイコンがSVGやPNGで用意され、全てオープンソースとして利用できる・「Emblemicons」

良質なUIのデザイン例を任意のキーワードで検索できる・「lookup.design」

テキストからダイアグラムやフローチャート、ガンチャートなどを作れる・「Quick Diagram」

細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリ・「filters.css」

CSS box-shadowで出来る様々なスタイルを収集、コードもコピーできる・「Beautiful CSS box-shadow examples」

デザイナーに必要なツール等のショートカットのチートシートを1か所に集約した・「Shortcuts.design」

色や太さ、サイズなどを設定して利用できるシンプルなSVGアイコンセット・「iconhub」

OSSでソースコードも公開されているJavaScript製のシンプルで使いやすいフローチャート作成Webアプリ・「Drawflow」

美しいカラーパレットを大量に大量に保管している・「Hex Palette」

ZoomやDiscord、Microsoft Teamsなどのビデオチャットで動くアバターを使えるようにするソフトウェア・「Hyprmeet」

レスポンシブなメニューを簡単に作れるオンラインツール・「Responsive Navigation Generator」

オープンソースとしても公開されているLinktree代替サービス・「Singlelink」

全てオープンソースで公開されている、Web制作に使えるシンプルなツール集・「Omatsuri」
