
Webデザイナー向け


ゆるいタッチのシンプルなSVG線画アイコンセット・「Streamline free DSP package」

必要最低限だけを揃えた、使いやすいミニマルなCSSフレームワーク・「Screen」

ジグザグや方眼紙、ストライプなど、シンプルなパターン背景をCSSのコードで提供する・「CSS Background Patterns」

任意の要素をドラッグ移動出来るようにする軽量スクリプト・「dragmove.js」

アートな背景パターンを生成できるパターンジェネレーター・「PatternPad」

マウスホバーで任意の要素のCSSをその場で調査、コードをCodepenに送ったりコピーできるブラウザ拡張・「CSS Spider」

RoughJSを使ったラフなタッチのFontAwesome・「Rough Awesome Font」

カスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤー・「vime.js」

小さなサイズでも形状を認識できるようデザインされたオープンソースのミニマルなアイコンセット・「Radix Icons」

ブラウザでTailwindのカスタマイズテストが出来る・「Tailwind Play」

シンプルで汎用的なオープンソースのアイコンセット・「Mono Icons」

Moment.jsライクに使える2KBほどの軽量な日付操作ライブラリ・「Day.js」

Vue.jsとBulma.cssで構築されたTrelloライクなオープンソースのカンバンツール・「Vue Trello Clone」

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

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

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

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

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

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

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