Webデザイナー向け

CSS/HTML

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

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

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

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

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

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

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

高品質なピクセルアートを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」
次のページ