
Tools & Resources


各SNSやWebアプリなどのアイコンを全て1KB以下で作られた軽量SVGアイコン集・「Super Tiny Icons」

任意のSVGファイルをアップロードして色を変更したり背景を追加したりできるオンラインSVGエディタ・「Iconscout Icon Editor」

シンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリ・「Pattern Monster」

シンプルで視認性の高いオープンソースのアイコンフォント・「Essentials」

チームのプロジェクト管理をTodoやタイムライン、カレンダー、マトリックス図などで行えるオンラインかんばんボード・「Subtask」

任意の写真から複数の色を抽出してカラーコードをコピーしたり、まとめてJSONでエクスポート可能なOSS・「Color Pick.」

クロスプラットフォームで動作する事を想定して設計されたMarkdownエディタ・「Markably」

多数のコンポーネントも用意されたFlexboxベースのモダンなCSSフレームワーク・「OrbitCSS」

Reactアプリ向けのローダーを作れるWebアプリ・「Loader generator」

Googleフォントを使ったテキストのみのシンプルなロゴを作成、SVGやPNGでダウンロードできる・「Typography Logo Maker」

ロゴのダミー画像を無償配布するミニプロジェクト・「Placeholder Logos」

沢山のオープンソースなアイコンプロジェクトを収集し、横断検索したりオリジナルのパックを作成してダウンロードできる・「Icônes」

コンポーネントとユーティリティ重視のCSSフレームワーク・「Cirrus.CSS」

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

ドローツールやロゴデザインツール、ペイントツールなどが揃ったグラフィックWebアプリ・「YouiDraw」

Reactベースのシンプルでタッチフレンドリーな日付ピッカー・「React Nice Dates」

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

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

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

くっきりしていて見やすいシンプルなオープンソースの線画SVGアイコンパック・「Phosphor」
