シンプル且つ汎用的で使いやすそうな300以上のアイコンのセット・「Extra Thicc Icons」
Extra Thicc Icons Extra Thicc Iconsはシンプル且つ汎用的で使いやすそうな300以上のアイコンのセットです。 様々な矢印やバッテリーを示すもの、グリッド、拡大や縮小、コメント、フォルダや地図、un...
Resource - Webデザイナー向け
任意のプロンプトから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サイトです。 他にもタスマネやプロジェクト管理、各トラッカ...
デザイナーがよく使う配色/使わない配色の切り替えが可能なカラーパレットツール・「poolors」
poolors poolorsはデザイナーがよく使う配色/使わない配色の切り替えが可能なカラーパレットツールです。上記SSではqoolorsとなっていますが、これはよく使う、使わないパレットを切り替えると変化するようになっている為です...
日本語キーワードも対応したAIベースの国産カラーパレットジェネレーター・「ColorMagic」
ColorMagic ColorMagicは日本語キーワードも対応したAIベースのカラーパレットジェネレーターです。日本語にも対応というか、日本国産（開発者：@nztm_tw氏、@YukiMihashi氏）です。開発期間はわずか1週間...
スクロールと動画を同期させるJavaScriptライブラリ・「ScrollyVideo.js」
ScrollyVideo.js ScrollyVideo.jsはスクロールと動画を同期させるJavaScriptライブラリです。スクロールすると動画が再生する、ではなくて、スクロールに応じて動画が進む感じです。 このライブラリは...
開発者向けや各計算機、金融系など300以上の様々なWebツールを開発、公開している・「kodytools」
kodytools kodytoolsは開発者向けや各計算機、金融系など300以上の様々なWebツールを開発、公開しているツールハブサイトです。 数か月で300以上のツールを開発してきたそうで、これらはその結果を公開したものにな...
イラストメーカーも用意、様々な業種も用意された人物イラストがメインで1万点以上用意された国産イラスト配布サイト・「KuKuKeKe」
KuKuKeKe KuKuKeKeは様々な業種も用意された人物イラストがメインの国産イラスト配布サイトです。同じタッチのイラストを自分の希望通りに生成できるイラストメーカーも用意されています。 主に人物を扱っており、多様な業種や...
ローカルフォントのスタイルを任意のテキストで一括テストできるWebアプリ・「Localfonts」
Localfonts Localfontsはローカルフォントのスタイルを任意のテキストで一括テストできるWebアプリです。自身の端末にインストールされているフォントをブラウザでテストできる、というもの。 Local Font A...
Tailwind.cssのためのオープンソースのモダンなUIコンポーネントライブラリ・「Sailboat UI」
Sailboat UI Sailboat UIはTailwind.cssのためのオープンソースのモダンなUIコンポーネントライブラリです。150以上の汎用的でシンプルなコンポーネントが揃えられています。 具体的には、アコーディオ...
AIによるシームレスなパターン背景を生成できる・「PatternedAI」
PatternedAI PatternedAIはAIによるシームレスなパターン背景を生成できるパターン生成Webアプリです。生成にはユーザー登録（Googleアカウントでログイン）が必要です。 左右上下のどこに並べても繋ぎ目の無...
ダイアグラム生成用言語のD2の使い方をオンラインで学べる・「D2 Playground」
D2 Playground D2 Playgroundはダイアグラム生成用言語のD2の使い方をオンラインで学べるWebアプリで、D2公式のアプリとなっています。 D2は宣言型ダイアグラム（Declarative Diagramm...
任意のWebページの静的プレビューを取得し、共有できるブラウザ拡張・「Mirrorful」
Mirrorful Mirrorfulは任意のWebページの静的プレビューを取得し、共有できるブラウザ拡張です。スクリーンショットのやり取りを無くして表示の共有を簡単にしよう、というもののようです。 いわゆる魚拓的なツールで、任...