デザインシステムにおけるタイポグラフィやアイコン、スペーシング、コンポーネント等のプロポーションスケールを作成出来るWebアプリ・「Proportio」
Proportio Proportioはデザインシステムにおけるタイポグラフィやアイコン、スペーシング、コンポーネント等のプロポーションスケールを作成出来るWebアプリです。 パラメーターを入力して作り出すジェネレーティブなパラ...
Resource - Webデザイナー向け
医療に関するものを中心に500以上のシンプルなSVGアイコンをフリーで提供する・「svg.health」
svg.health svg.healthは医療に関するものを中心に500以上のシンプルなSVGアイコンをフリーで提供するSVGアイコンプロジェクトです。 CC-BYで提供されており、クレジットを条件に個人でも商用でも無料で利用...
任意の画像内の特定のオブジェクトの色を変更できるAIベースのカラーツール・「Recolor」
Recolor Recolorは任意の画像内の特定のオブジェクトの色を変更できるAIベースのカラーツールです。Webアプリだけでなくスマホアプリ等も用意されています。 画像をアップロードすると、写真内のオブジェクト（服や家具、髪...
カスタマイズ性が高く高速なオープンソースのVue3コンポーネントライブラリ・「Naive UI」
Naive UI Naive UIはカスタマイズ性が高く高速なオープンソースのVue3コンポーネントライブラリです。TSで構築されており、MITライセンスの元でソースコードが公開されています。 シンプルで汎用的なスタイルで構成さ...
CSSとHTMLだけで作れる様々なUIのコードを公開しているCSSスニペットコレクション・「CSS Stock」
CSS Stock CSS StockはCSSとHTMLだけで作れる様々なUIのコードを公開しているCSSスニペットコレクションサイトです。 現在、ボタンやローディング、アコーディオンやFAQ、ツールチップ、TOC、モーダルウィ...
簡単な設定で実装できるスクロール連動アニメーションライブラリ・「Trig.js」
Trig.js See the Pen Untitled by kachibito (@kachibito) on CodePen. Trig.jsは簡単な設定で実装できるスクロール連動アニメーションライブ...
オープンソースで公開されているTailwind.cssベースの管理画面テンプレート・「TailAdmin」
TailAdmin TailAdminはオープンソースで公開されているTailwind.cssベースの管理画面テンプレートです。 プロジェクトのページは有償版の特徴で、OSSとして公開されているものはGithubに詳細が書かれて...
設定に合わせたデザイントークンを発行できるオープンソースのデザインシステムフレームワーク・「mirrorful」
mirrorful mirrorfulは設定に合わせたデザイントークンを発行できるオープンソースのデザインシステムフレームワークです。 デザイントークンとは？という方は、以前もご紹介しましたが以下の記事をご参照下さい。 ...
Stable Diffusionを使用した、3Dポーズエディター機能付きのAI画像生成ツール・「Plask」
Plask PlaskはStable Diffusionを使用した、3Dポーズエディター機能付きのAIベースの画像生成ツールです。ブラウザベースの3Dポーズエディターが搭載されており、3Dポーズ認識機能によって指定したプロンプトと指定...
多種多様なAIツールから目的のツールを探せるコレクションサイト・「TOOLSPEDIA」
TOOLSPEDIA TOOLSPEDIAは多種多様なAIツールから目的のツールを探せるコレクションサイトです。 数日前にご紹介したWikiAIToolsと同様に最近話題の中心でもあるAIをベースとした多種多様なツールをコレクシ...
シンプル且つ汎用的で使いやすそうな300以上のアイコンのセット・「Extra Thicc Icons」
Extra Thicc Icons Extra Thicc Iconsはシンプル且つ汎用的で使いやすそうな300以上のアイコンのセットです。 様々な矢印やバッテリーを示すもの、グリッド、拡大や縮小、コメント、フォルダや地図、un...
任意のプロンプトからHTMLとCSSを生成してその場でプレビュー出来る・「AI CODE」
AI CODE AI CODEは任意のプロンプトからHTMLとCSSを生成してその場でプレビュー出来るAIコード生成アプリです。特に説明は不要かと思いますがタイトルの通りで指示したUI等をHTML/CSSで作成し、その場でプレビュー出...
FigmaやFigjamのテキスト入力にChatGPTを使えるFigmaプラグイン・「FigGPT」
FigGPT FigGPTはFigmaやFigjamのテキスト入力にChatGPTを使えるFigmaプラグインです。要はダミーテキスト生成のプラグインですが、ChatGPTで自然な言葉で自動生成できるのは良いですね。 使い方は簡...
Tailwind.cssベースのモダンでスッキリしたスタイルの、オープンソースのUIコンポーネントとWebサイトのテンプレートのコレクション・「Float UI」
Float UI Float UIはTailwind.cssベースのモダンでスッキリしていて美しいオープンソースのUIコンポーネントとWebサイトのテンプレートのコレクションです。MITライセンスのもとでソースコードが公開されています...
GPT-3.5モデルを採用した、任意のテキストプロンプトに従ってカラーパレットを生成するAIカラーアプリ・「AI Colors」
AI Colors AI ColorsはGPT-3.5のAIモデルをモデルを採用した、任意のテキストプロンプトに従ってカラーパレットを生成するAIカラーアプリです。 入力されたテキストを元に自動でカラーパレットを、実際にWebサ...
ダークモードの切り替えを行うアニメーションエフェクト付きのトグルボタン集・「Theme Toggles」
Theme Toggles Theme Togglesはライトモード/ダークモードの切り替えを行うアニメーションエフェクト付きのトグルボタン集です。MITライセンスの元OSSとしてソースコードが公開されています。 太陽と月のアイ...
専用のデータテーブルに入力するだけでグラフを作成、デザイン編集もその場で可能なWebアプリ・「Graphy」
Graphy Graphyは専用のデータテーブルにデータを入力するだけでグラフを作成、デザイン編集もその場で可能なチャート作成Webアプリです。 ラベルや数値を入力すれば自動でチャートにしてくれる、というもの。円や線、棒、ドーナ...
15万以上ものアイコンから任意のキーワードで検索できるアイコン用サーチエンジン・「Iconhunt」
Iconhunt Iconhuntは15万以上ものアイコンから任意のキーワードで検索できるアイコン用サーチエンジンです。 かなりの数ですが、これはIconhuntが収集したものではなく、Iconifyのデータが使用されているよう...
ChatGPTを使ってTailwind.cssのコンポーネントを生成できる・「ChatGPT Tailwind Components」
ChatGPT Tailwind Components ChatGPT Tailwind ComponentsはChatGPTを使ってTailwind.cssのコンポーネントを生成できるWebアプリです。 AIベースでTailw...
Tailwind.cssとAlpine.jsで作られた161ものUIやレイアウトを無償公開している・「Windstatic」
Windstatic WindstaticはTailwind.cssとAlpine.jsで作られた161ものUIやレイアウトを無償公開しているWebサイトです。 UI、というかセクション単位でカテゴライズされていて、ヒーローイメ...
入力した文章に合わせたTailwind用のカラーパレットを生成するWebアプリ・「Palette」
Palette Paletteは入力した文章に合わせたTailwind用のカラーパレットを生成するWebアプリです。 右上の「Create from Prompt」から任意のプロンプトを入力する事で、その内容に沿ったカラーパレッ...
Todoやスケジューラー、カンバンなど、生産性を向上させるためのアプリケーション等をコレクションしている・「Productiveness」
Productiveness ProductivenessはTodoやスケジューラー、カンバンなど、生産性を向上させるためのアプリケーション等をコレクションしているWebサイトです。 他にもタスマネやプロジェクト管理、各トラッカ...