Webデザイナー向け

好みの形のblobをSVGで作れるシェイプジェネレーター・「ssshape」

モバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザ・「LT Browser」

任意のWebサイトで画像が最適化されているかを調べるCloudflare製のチェックツール・「Image Optimization Test」

Ads

カーソルの外観や動作などの高度なカスタマイズが可能なオープンソースのライブラリ・「Blobity」

6000個のアイコンをOSSで配布するVuesax公式のアイコンセット・「iconsax」

webpにも対応の、自動で背景を透過処理するAI搭載の背景削除ツール・「Erase.bg」

ダイナミックなアニメーション背景を生成するジェネレーター・「pocoloco」

リンクやボタンなどに使えるピュアCSSアニメーションのコレクション・「Annimay」

映画ポスターやCDアルバムのカバー、本のカバーなどのダミー画像アプリ・「Lorem.space」

WCAG 2.1に基づいたアクセシビリティを図解入りで分かりやすく解説する・「Access Guide」

タッチフレンドリーな3Dパララックスを実装する軽量JavaScriptライブラリ・「Atropos」

次世代手書き2Dアニメーション技術のVector Graphics Complex(VGC)を扱えるクロスプラットフォーム対応のデスクトップドローアプリ・「VPaint」

Tailwind.cssで利用できる様々なUIのHTMLコードを配布する・「Flowrift」

Web Animations APIを使った軽量で高速なオープンソースのアニメーションライブラリ・「Motion One」

ベーシックなタイプのいろいろなSVGパターンを配布する・「Basic Pattern Repository」

アニメーションするグラデーションメッシュを作成、コードを発行してくれるジェネレーター・「whatamesh」

CSSファイルを読み込むだけで見た目を整えられるclass-lessなCSSフレームワーク・「AttriCSS」

任意の画像で様々な種類のCSS製フィルターを確認、気に入ったフィルターをクリックするとCSSコードをコピーできるWebアプリ・「FilterSS」

Webデザイナーや開発者向けのツールやリソースを手作業で大量に収集したコレクション・「Toolkit」

2Dのピクセルアートから容易に3Dモデル化できるオープンソースのKenShapeクローン・「Pixel Model Maker」

チャートやダイアグラムなど、画像を手書き風に変換、スタイルの調整等も可能なWebアプリ・「INSTAD.IO」

Webページの大まかなスタイルをざっくり決めてCSSコードを発行できる・「SHAPER」