Webデザイン補助 Webデザイナー向け
Webデザイン補助 ソフトウェア 沢山のオープンソースなアイコンプロジェクトを収集し、横断検索したりオリジナルのパックを作成してダウンロードできる・「Icônes」
CSS/HTML コンポーネントとユーティリティ重視のCSSフレームワーク・「Cirrus.CSS」
その他 ゆるいタッチのシンプルなSVG線画アイコンセット・「Streamline free DSP package」
CSS/HTML 必要最低限だけを揃えた、使いやすいミニマルなCSSフレームワーク・「Screen」
ジェネレーター ジグザグや方眼紙、ストライプなど、シンプルなパターン背景をCSSのコードで提供する・「CSS Background Patterns」
JavaScript 任意の要素をドラッグ移動出来るようにする軽量スクリプト・「dragmove.js」
ジェネレーター アートな背景パターンを生成できるパターンジェネレーター・「PatternPad」
Webデザイン補助 マウスホバーで任意の要素のCSSをその場で調査、コードをCodepenに送ったりコピーできるブラウザ拡張・「CSS Spider」
その他 RoughJSを使ったラフなタッチのFontAwesome・「Rough Awesome Font」
JavaScript カスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤー・「vime.js」
その他 小さなサイズでも形状を認識できるようデザインされたオープンソースのミニマルなアイコンセット・「Radix Icons」
編集ツール ブラウザでTailwindのカスタマイズテストが出来る・「Tailwind Play」
その他 シンプルで汎用的なオープンソースのアイコンセット・「Mono Icons」
JavaScript Moment.jsライクに使える2KBほどの軽量な日付操作ライブラリ・「Day.js」
JavaScript Vue.jsとBulma.cssで構築されたTrelloライクなオープンソースのカンバンツール・「Vue Trello Clone」
JavaScript フレームワーク不要の非依存型で軽量シンプルなカラーピッカーライブラリ・「Vanilla Colorful」
その他 1000以上のシンプルなアイコンがSVGやPNGで用意され、全てオープンソースとして利用できる・「Emblemicons」
インスピレーション 良質なUIのデザイン例を任意のキーワードで検索できる・「lookup.design」
CSS/HTML 細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリ・「filters.css」
CSS/HTML CSS box-shadowで出来る様々なスタイルを収集、コードもコピーできる・「Beautiful CSS box-shadow examples」
Webデザイン補助