Webデザイナー向け

フレームワーク

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

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

Webにおけるネオ・ブルータリズムの美学を取り入れたCSSフレームワーク・「NeoBrutalismCSS」
Ads
ソフトウェア

高品質なピクセルアートをAIで生成するためのOSS・「Pixelfy」
ジェネレーター

ブラウザで任意のプロンプトに沿って画像を生成、自由に利用できる無料の画像生成AIサービス・「unstock.ai」
ジェネレーター

ChatGPTを使ってカラーパレットを生成、何故その色を選んだかの解説や、プレビューやアクセシビリティなどを確認も出来る・「HueHive」
ジェネレーター

直感的な操作で簡単なチャート作成やコード画像化など様々な画像を無料で作成、DL出来る多機能Webアプリ・「Picyard」
ジェネレーター

CSVやJSON、Googleスプレッドシート等のデータセットを読み込んでプロンプトを入力し、AIによる任意のチャートを作成出来る・「ChartGen AI」
ソフトウェア

HTMLメールの作成、保存、送信等が可能なオープンソースのノーコードアプリ・「Waveditor」
CSS/HTML

1つのHTML要素で実装できるCSSローダーのコードを500以上紹介している・「CSS Loaders」
その他

CC0ライセンスで配布されている、トランスヒューマンを題材に描かれたイラスト集・「transhumans」
デザインギャラリー

様々なタイプのReact UIコンポーネントの動作を確認できる・「ReactDemos.com」
CSS/HTML

クラスやID、属性、疑似クラス、疑似要素等CSSセレクタの使い方をビジュアルで学べる・「CSS Selectors: A Visual Guide」
ジェネレーター

各項目に入力するだけで簡単に棒グラフを作成出来るWebアプリ・「Bar Graph Maker」
CSS/HTML

AIアプリ等のプロジェクト向けにTailwindベースで作られたオープンソースのUIコンポーネント・「LangUI」
JavaScript

既存のフォームに簡単にドラッグ&ドロップによるファイルアップローダーを設置できるシンプルなJavaScriptライブラリ・「EasyDropzoneJS」
ソフトウェア

プレビューを見ながら編集できるオープンソースのシンプルな請求書作成アプリ・「Invoice Kitchen」
ソフトウェア

Codespacesに似たクライアント専用のオープンソース開発環境・「DevPod」
ソフトウェア

フォームに記入するだけで請求書や領収書を作成してPDFに出力できるOSS・「Invoice Dragon」
検索エンジン

複数のオープンソースのSVGアイコンプロジェクトを横断検索、その場で簡単なカスタマイズも可能なアイコン検索アプリ・「Iconbuddy」
ソフトウェア

Tailwindコンポーネントをノーコードで作成、編集し、コードをコピーして利用できる・「Mytailwind」
その他

WebフォントやSVGで用意されたオープンソースの汎用的なアイコンセット・「Mage Icons」
次のページ