Webデザイナー向け

CSS/HTML

学習コストをなるべくかけずに習得できるよう設計された、沢山のコンポーネントやユーティリティを含むCSS Gridベースのフロントエンドフレームワーク・「Axentix」
CSS/HTML

JavaScriptやフレームワーク等への依存がない、純粋なHTML/CSSで作られた無料のランディングページのテンプレート集・「Uisual」
編集ツール

任意のWebページの見た目をカスタマイズできるオープンソースのブラウザ拡張・「Stylebot」
Ads
CSS/HTML

classを組み合わせて任意のアニメーションエフェクトを作れるCSSアニメーション用スタイルシート・「AnimXYZ」
フレームワーク

アクセシビリティやカスタマイズ性を重視したWebアプリ向けのOSSなUIコンポーネントライブラリ・「Radix UI」
ソフトウェア

SVGのパスを作成、操作できるオープンソースのSVGパスエディター・「SvgPathEditor」
ソフトウェア

オーディオ素材をできるオープンソースのデスクトップアプリ・「Samplescope」
ジェネレーター

ユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできる・「Pattern Generator」
プログラミング補助

ブラウザのタブでHTML/CSS/JavaScriptを書いて実行できる拡張機能・「HTML New Tab」
ソフトウェア

Web制作者やマーケター向けのアプリをプライバシー重視の代替アプリとして提供されたOSSを探せる・「Open Source Stash」
ジェネレーター

写真をアップロードすると自動で背景を削除してくれるWebアプリ・「BACKGROUND REMOVER」
ジェネレーター

使用頻度の高そうなUIをその場で作ってコードを発行、コピーして使える・「CSSLab」
ソフトウェア

任意のカラーの組み合わせが問題無いかを確認できるOSSのシンプルなアクセシビリティチェックツール・「Colour Contrast Checker」
編集ツール

アニメーションするクリエイティブな広告バナーを作成可能なWebアプリ・「Viewst」
CSS/HTML

カスタマイズ性の高い非依存のレスポンシブなグリッドレイアウトフレームワーク・「EasyGrid」
ソフトウェア

Web用の3Dモデルを作成する為のデザインツール・「Spline」
CSS/HTML

テキスト中心のコンテンツ向けに作られた超軽量スタイルシート・「SPCSS」
その他

1000以上用意された汎用的なスタイルのオープンソースのSVGアイコンセット・「EOS Icons」
プログラミング補助

CSS-Tricksによるコーディングに最適なフォントのまとめ・「Coding Fonts 」
その他

高性能なコラボレーションホワイトボードWebアプリ・「BeeCanvas」
Webデザイン補助

任意のWebサイトで使われているWebフォントを調査、ダウンロードも可能なWebアプリ・「Font of Web」
その他

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