Webデザイナー向け

ソフトウェア

品質を維持したまま画像サイズを圧縮できるAIも搭載のオープンソース画像圧縮ツール・「PicWise」
その他

React・React Native向けに作られた、大量のアイコンから選択できるアイコンライブラリ・「rocketicons」
Ads
その他

さまざまな開発者向けサービス等のロゴをSVGで提供する・「Svgl」
プログラミング補助

コピー&ペーストで使えるshadcn-ui向けのWebサイト用ブロックを無償提供する・「TWBlocks」
ソフトウェア

SNS等のソーシャルカードをノーコードで作成出来るオープンソースのWebアプリ・「sharepreviews」
JavaScript

Webサイトのコンテンツが盗用されにくいよう防ぐためのシンプルなスクリプト・「NoPeek」
その他

Figmaでも利用可能の、400以上のミニマルなアイコンを無料で使えるアイコンセット・「Figicon」
CSS/HTML

1つのHTML要素とCSSだけで作れる様々なスタイルの吹き出しを作るためのコードをコピーできる・「CSS Generators: Tooltips & Speech Bubbles」
CSS/HTML

Tailwind.cssとの併用も可能な、ミニマルで汎用的なCSSコンポーネント・「Winduum」
ソフトウェア

OSSでコードも公開の、シンプルで扱いやすいベクターベースのモーショングラフィックスアニメーションツール・「Wiggle Animate」
CSS/HTML

ユーティリティでclamp()を簡単に生成できるようにするTailwindプラグイン・「Fluid for Tailwind CSS」
CSS/HTML

コピペで簡単利用も出来るオープンソースのTailwindベースUIコンポーネントライブラリ・「Tailframes」
複合/その他

FigmaとTailwind.cssをベースに大量のUIコンポーネントを備えたオープンソースのUIライブラリ・「Pagedone」
ソフトウェア

任意のカラーパレットを作成、管理、共有、プロジェクトと統合出来るオープンソースのカラーパレット管理プラットフォーム・「Hue Harbor」
CSS/HTML

Tailwind.cssの様々なUIコンポーネントのデザインサンプルを大量に公開している・「Tailwind CSS Components」

Vue.js開発者向けのオープンソースのプロトタイピングツール・「PreVue」
ソフトウェア

Googleフォントとアイコンを組み合わせてシンプルなロゴを作成出来るオープンソースのWebアプリ・「Wordmark」
複合/その他

シンプルで見やすく使いやすいオープンソースのReact UIライブラリ・「WoozDesign」
フレームワーク

レスポンシブでアクセシブルなUIコンポーネントのライブラリ・「Rafty UI」
ソフトウェア

生成AI系のアプリでよく使う任意のプロンプトを変数付きで設定し、スラッシュコマンドで呼び出せるオープンソースのブラウザ拡張・「PromptSnippets」
CSS/HTML

Webにおけるネオ・ブルータリズムの美学を取り入れたCSSフレームワーク・「NeoBrutalismCSS」
次のページ