
Webデザイナー向け


任意の画像の切り取り、圧縮、変換、サイズ変更を一括で行えるWebアプリ・「Image Converter」

Figmaで公開されているデザインシステムをコレクションしている・「Design Systems For Figma」

Feather Iconsフォークのオープンソースなアイコンプロジェクト・「Lucide」

ミニマルスタイルで汎用的なオープンソースのアイコンセット・「Sargam」

様々な国の象徴的なアイコンをゆるいイラストのアイコンをセットで無料公開している・「Landicons」

アプリやWebサイト開発等に役立つツールを大量にコレクションしている・「Uneed.best」

パフォーマンス重視でReact専用として作られたオープンソースのStorybook代替・「Ladle」

白黒写真をカラー化するAIベースのWebアプリ・「Palette」

TypeScriptで書かれたオープンソースのヘッドレスCMS・「Alinea」

任意の画像や絵文字等を使ってパターンを作成出来るWebアプリ・「Tylify」

ホワイトボード感覚でアイデアとプロジェクトを視覚的に整理出来るクリエイター向けのノートアプリ・「xTiles」

オープンソースのWEBフォントをnpmでインストールできるmonorepo・「Fontsource」

良い感じのカラーパレットをランダム生成し、CSS変数でコピーできる・「colorSS」

CSS変数ベースで一貫したデザインのコンポーネント構築できるCSSフレームワーク・「Open Props」

ブラウザで動作するモーショングラフィックエディターWebアプリ・「Motionity」

16種のスタイルが用意されたオープンソースのシンプルなSVGアイコン・「icons.download」

スクロールやマウスの動きに合わせて視差効果を実装するReactライブラリ・「React Just Parallax」

最近見かけるモダンなカーソルエフェクトを実装できるコードを配布する・「Curzr.」

丸みがあって柔らかい印象のミニマルで汎用的なアイコンのパック・「magicoon」

1つのdiv要素で作れる実用的なCSSローダーのコレクション・「one `div` loaders」
