ソフトウェア Webデザイナー向け
ソフトウェア Webデザイン補助 Tailwind.cssで利用できる様々なUIのHTMLコードを配布する・「Flowrift」
JavaScript Web Animations APIを使った軽量で高速なオープンソースのアニメーションライブラリ・「Motion One」
その他 ベーシックなタイプのいろいろなSVGパターンを配布する・「Basic Pattern Repository」
複合/その他 アニメーションするグラデーションメッシュを作成、コードを発行してくれるジェネレーター・「whatamesh」
CSS/HTML CSSファイルを読み込むだけで見た目を整えられるclass-lessなCSSフレームワーク・「AttriCSS」
ソフトウェア 任意の画像で様々な種類のCSS製フィルターを確認、気に入ったフィルターをクリックするとCSSコードをコピーできるWebアプリ・「FilterSS」
Webデザイン補助 Webデザイナーや開発者向けのツールやリソースを手作業で大量に収集したコレクション・「Toolkit」
ソフトウェア 2Dのピクセルアートから容易に3Dモデル化できるオープンソースのKenShapeクローン・「Pixel Model Maker」
ジェネレーター チャートやダイアグラムなど、画像を手書き風に変換、スタイルの調整等も可能なWebアプリ・「INSTAD.IO」
複合/その他 Webページの大まかなスタイルをざっくり決めてCSSコードを発行できる・「SHAPER」
ソフトウェア レスポンシブWebデザインの表示テストを複数デバイスで同時に行えるオープンソースのElectronベースデスクトップアプリ・「Responsivize」
その他 SkechやFigmaで使えてReact、Vue等もサポートするオープンソースの国旗アイコンのセット・「Flagpack」
CSS/HTML 複雑なグリッドレイアウトにも対応できるCSSグリッドフレームワーク・「Griddle」
その他 Instagramのフィードをレイアウト等を細かくカスタマイズして任意のWebサイトで埋め込み表示できるウィジェットサービス・「LightWidget」
ソフトウェア 複数のダッシュボードUIを全てオープンソースとしてFigmaで提供している・「Openby.design」
その他 任意のWebページで使われているSVGファイルを最適化したりコードをコピーしたりできるオープンソースのブラウザ拡張・「SVG Gobbler」
ソフトウェア アスキーアートをSVG化し、ダイアグラム等をプレーンテキストで作図できるOSS・「Svgbob Editor」
ジェネレーター 背景をボカして透過させるすりガラス風コンテンツを作成、CSSをコピーできる・「Glassmorphism CSS Generator」
JavaScript Webサイトに組み込んだりブックマークレットとして使えるOSSのアクセシビリティチェックツール・「Sa11y」
ソフトウェア 各OSにも対応のFigmaやSketch、XDなどからもインポートできるノーコードなビジュアルHTML/CSSエディター・「Desech Studio」
ジェネレーター