contributing guidelinesお読みください。 PSD、Sketch、Figma などのさまざまな形式の最新の UI コンポーネントを含む Web サイトとリソース。Web コンポーネント/UI のアイデアに最適です。
| Webサイト | 説明 |
|---|---|
| SVG 正弦波 | フロントエンド プロジェクト用に完璧な正弦波を SVG としてエクスポート |
| UIデザインデイリー | あらゆる種類の素晴らしい UI コンポーネント |
| 毎日 100 UI | 製品、要素、画面の無料の Figma ライブラリ |
| スケッチアプリのソース | UI、ワイヤーフレーム、アイコンなどをスケッチする |
| ヒューマーン | 組み合わせて組み合わせる能力を持つ人々のクールなイラスト |
| パーターンズ | すべてのベクター形式の美しいパターンの無料コレクション |
| 404のイラスト | 404ページ分の無料イラスト |
| Drawkit.io | デザイナーやスタートアップ向けのイラスト |
| 不条理なデザイン | デザイナーと開発者向けの無料のシュールレアリストのイラスト |
| Undraw.co | 想像して作成できるあらゆるアイデアのためのオープンソースのイラスト |
| Manypixels.co | モノクロ、アイソメトリックの高品質イラスト |
| オープン・ピープ | 手描きイラストライブラリ |
| インビジョンアプリ | 無料の高品質 UI キット、アイコン パック、モックアップのライブラリ |
| 開いた落書き | 大ざっぱなイラストの無料セット |
| アバター | Pablo Stanley によるアバター イラストの無料スケッチ ライブラリ |
| 赤面 | Figma プラグインを使用して無料でカスタマイズ可能なイラスト |
| ヒーローパターン | 繰り返し可能な SVG 背景パターンのコレクション |
| ビューバスパターン | 150 以上の無料 SVG パターン (背景) のセット |
| IRAデザイン | Creative tim によるオープンソースのグラデーション イラスト集。 |
| 透明なテクスチャ | 透明なテクスチャ背景パターンのコレクション。 |
| icons8.com/illustrations | プロジェクトをクラスアップするためのベクター イラスト |
| パターニコ | シームレスパターンメーカー |
| ピクセルトゥルーのイラスト | 無料のアニメーションイラスト |
| 抽象的なユーザー アバター API | ユーザー名またはメールアドレスからシンプルかつ柔軟なユーザー アバターを作成する API |
| スケッチバレー | 無料の PNG、SVG、または AI ファイルをダウンロードします。 |
| パターンパッド | 無料で無制限のユニークなパターンデザイン。 |
| 寸法 | Dimensions.com は、日常の物体や空間の標準的な寸法とサイズを文書化した寸法図面の継続的な参照データベースです。 |
| 景品バグ | Web デザイナーと開発者向けに厳選されたリソースが常に更新されます。 |
| 柔軟な | 高品質のオープンソースの新しいイラストが毎日 1 つ追加されます。 |
| クールなテキスト | Cool Text は、Web ページやその他の場所で、多くのデザイン作業を必要とせずに印象的なロゴが必要な場合に使用できる無料のグラフィック ジェネレーターです。 |
| イラストキット | プレミアムなオープンソースイラストが毎日追加されます |
| Doodad パターン ジェネレーター | ユニークでシームレスなロイヤリティフリーのパターンを作成します。 |
| パターンモンスター | 繰り返し可能な SVG パターンを作成するためのシンプルなオンライン パターン ジェネレーター |
| 模範 | Figma と Sketch 用の無料アバター ライブラリ |
| UIバンドル | UI キット、モックアップ、イラスト、アイコン、フォント、3D アセット、テンプレートなどの何千もの無料デザイン リソース。 |
| オープンバイデザイン | 個人および商用プロジェクト向けに、カスタムで作成された無料の UI デザイン リソース。出典は必要ありません。 |
| デザインストライプ | デザインスキルは必要なく、美しいイラストを作成できます。 |
| こんにちは、SVG! | SVG のものを共有するための SVG プレイグラウンド。 |
| symu.co | 無料のテンプレート、UI キット、アイコン、PSD |
| メッシュグラデーション | 美しいメッシュ グラデーションを生成してダウンロードします。 |
| CSS シャドウ グラデーション | 影の CSS グラデーションを生成します。 |
| クレアティカ | ユニークで美しくユニークな背景とパターンを生成します。 |
| 退屈なアバター | SVG ランダムでかわいいアバター コレクション |
| HTMLからデザインへ | あらゆる Web サイトを完全に編集可能な Figma デザインに変換します |
| 燃料 | カラーツールのコレクションと、グラデーション、パターン、テクスチャ、形状、背景用の無料の SVG ジェネレーター |
無料のフォントやフォントベースのツールを提供する Web サイト
| Webサイト | 説明 |
|---|---|
| Google フォント | 約 1000 個の無料ライセンスされたフォント ファミリのライブラリ |
| ダフォント | 無料でダウンロードできるフォントのアーカイブ |
| 使用と変更 | 美しく、上品で、パンクで、プロフェッショナルで、不完全で、奇妙な書体の個人的な選択 |
| 1001 のフリーフォント | 名前自体がそれを物語っていると思いますか？ |
| フォントリス | Font Squirrel は、高品質で合法的に無料のフォントをインターネットで探します |
| フォントファブリック | さまざまなブランド向けに小売フォントやカスタム タイポグラフィーを製造するデジタル活字鋳造所 |
| フリーフォントだけ | 商用利用を目的としたフリーウェア、オープンソース、パブリックドメインのフォントを手作業で厳選したコレクション |
| ティフ | 2 つのフォント間の違いを視覚的に対比するタイプ差分ツール |
| タイプキットの練習 | タイポグラフィの実践について学ぶ |
| フォントジョイ | ワンクリックでフォントペアを生成 |
| 黄金比 | 黄金比タイポグラフィー計算機 |
| フォント取得 | ダウンロードできるさまざまなフォントがあり、タグできちんと分類されています |
| フォントペア | Google Fontをペアリングするのに役立ちます |
| フォントスペース | 素早いカスタマイズ可能なプレビューを備えたデザイナー中心のフリーフォント Web サイト |
| 抽象的なフォント | 個人利用および商用利用が無料のフォント |
| 無料のタイポグラフィー | 高品質フォントのリスト |
| レオン・サンズ | コードで作られた幾何学的なサンセリフ書体 |
| レクセンド | 可変フォントは読解能力を大幅に向上させることが経験的に証明されています |
| Apple プラットフォーム用のフォント | アプリで Apple プラットフォームのシステム フォントを使用するために必要な詳細、フレームワーク、ツールを入手します。 |
| SFWin | Windows 10 および Apple 以外のプラットフォーム用の San Francisco フォント |
| フォントフリッパー | フォントをダウンロードしなくても、800 以上の Google フォントを独自のデザインの上でプレビューできます |
| フォントアリーナ | 厳選された無料フォント |
| ベフォント | 高品質なフォントを無料で |
| アラビア語フォント | 無料のアラビア語フォント |
| フォントドロップ | フォント ファイルの内容を表示するシンプルかつ簡単な方法 |
| オープンファウンドリ | 厳選されたオープンソース書体のための無料プラットフォーム |
| グリフター | 独自の SVGS をアップロードし、フォント ファイルに変換します。より小さなライブラリをロードしたい場合に便利です |
| Google ウェブフォント ヘルパー | Google Fontsをセルフホストする手間のかからない方法 |
| ラフなフォント | RoughJS と Font Awesome が出会うとき |
| Fフォント | おしゃれなフォントを無料で |
| マラヤーラム語フォント | Swathanthra Malayalam Computing(SMC) によって管理されている無料のマラヤーラム語フォント |
| 開発フォント | 無料のコーディング フォントを見つけて使用する |
| フォントM | マテリアルのコーディングとデザインのためにダウンロードできる無料のフォント |
| Wフォント | 無料フォントをダウンロード |
| 最新の流体タイポグラフィエディタ | 流体タイポグラフィは、レスポンシブ タイポグラフィにアプローチする現代的な方法です。 |
| アーバンフォント | 8000 を超える無料のフォントと絵文字のコレクション |
| タイプインスピレーション | インスピレーションを与えるフォントの組み合わせとカラーパレット |
| フォントソース | きちんとバンドルされた NPM パッケージ内のセルフホスト オープン ソース フォント。 |
| フォントボルト | ポップカルチャーからお気に入りのフォントを見つけて生成します。 |
| フォントシェア | Fontshare は、Indian Type Foundry (ITF) が提供する無料のフォント サービスで、高品質のフォントを誰でも利用できるようにします。 |
色に関する選択に役立つ Web サイトとリソース
| Webサイト | 説明 |
|---|---|
| カラーラボ | カラーパレット、グラデーション、カラースケールを作成し、コントラストを確認するすべてを 1 か所で行います。 |
| カラーブリューワー 2 | 色覚異常にも対応したオリジナルのカラーパレットジェネレーター。おそらく科学的に最良の選択肢でしょう。また、おそらく最も美しくはありません。 |
| ヒュートーン | アクセシブルなカラー システムを作成するツール。 |
| カラーマインドアイオ | カラーパレットジェネレーター |
| カラーカーブ.app | カーブを使用してカラー パレットを生成するカラー パレット ジェネレーター |
| カラーグラデーション | シンプルおよび複雑な CSS グラデーションを視覚的に作成する無料ツール |
| クーラー | 完璧なパレットを作成するか、何千もの美しい配色からインスピレーションを得てください。 |
| UIの色 | Tailwind CSS カラーパレットジェネレーター |
| HTML カラーコード | カラーピッカー、カラーチャート、HTMLカラー名を使用して、HTMLカラーコード、16進カラーコード、RGBおよびHSL値を取得します。 |
| 色とフォント | 厳選された色、フォント、リソースのライブラリ |
| パレット一覧 | 好きな色を 2 つ選択すると、ツールが何千ものパレットを生成します。 |
| Googleマテリアルカラーツール | 公式 Google マテリアル カラー パレット ツール |
| マテリアルパレット | マテリアル デザインのパレット、アイコン、色を自由に選択 |
| カラースペース | 1 つの色から素敵なカラー パレットを生成 |
| フラットUIの色 | さまざまなフレーバーの美しいカラーパレットのセット |
| アドビカラー | カラーパレットの作成、画像からのグラデーションの抽出など。 |
| カラーズインスポ | 色に関するすべてを見つけるためのオールインワンのリソース |
| 色壁 | カラーパレットを保存し、ワンクリックでパレットを生成する場所 |
| ハッピーヒューズ | Happy Hues は、Mackenzie Child がデザイン プロジェクトで色をどのように使用できるかを示す実際の例として機能するカラー パレット インスピレーション サイトです。 |
| アドビのトレンド | Behance と Adobe Stock のクリエイティブ コミュニティから、さまざまな業界の現在のカラー トレンドを発見します。 |
| カラーハント | 何千もの厳選されたトレンディーなカラーパレットを備えた色のインスピレーションのための無料でオープンなプラットフォーム |
| グラデーションハント | 何千もの厳選されたトレンディーなカラーグラデーションを備えた、グラデーションのインスピレーションのための無料でオープンなプラットフォーム |
| ウェブグラデーション | 優れた CSS グラデーションを見つけるための無料 Web サイト |
| カラーボックス | カラーセットを作成できる無料のウェブサイト |
| CSS グラデーション | カスタム グラデーションを作成するための無料 Web サイトとグラデーションの例 |
| グラデーション | 純粋な CSS と jpg のグラデーション |
| UIのグラデーション | UIグラデーションカラージェネレーター |
| パレットジェネレーター | スペースバーを押すたびに新しいカラーパレットを生成 |
| マテリアルパレット | 1000 以上のマテリアル デザイン パレット |
| グラビエント | グラデーションセレクター |
| シェードスウォッシュ | あらゆる色の色合いを素早く生成 |
| ブランドカラー | 公式ブランドのカラーコードの最大のコレクション |
| ブランドパレット | ロゴのカラーコードとパレット |
| マテリアル デザイン パレット ジェネレーター | テーマとカラーパレットを生成 マテリアルデザイン風 |
| 着色する | デザイナーと開発者のための配色ツール。これはインスピレーションを引き出し、カラー作業のリソースとして役立ちます。 |
| 0～255 | 色を簡単に明るくしたり暗くしたりできるカラーツールです。ホバー状態、境界線、グラデーションなどに最適です。 |
| カラーブレンダー | 2 つの色の中間色を表示するツール |
| グラデーションボタン | すぐに使用できるコピー/貼り付けグラデーション ボタン |
| クロマ | Khroma は AI を使用して好みの色を学習し、発見、検索、保存できる無限のパレットを作成します。 |
| 誰が使える | 色のコントラストが視覚障害を持つさまざまな人々にどのような影響を与える可能性があるかについて、注意と理解をもたらすツールです。 |
| 着色可能 | 配色コントラストテスター |
| カラーヘックスピッカー | 色の名前とともに 16 進コードを取得するツール。 |
| さるわかくん | ウェブサイトとアプリのデザインの見事な配色とプレビュー |
| パレットン | Paletton.com は、うまく連携する色の組み合わせを作成するために設計されたデザイナー カラー ツールです。 |
| カラージラ | 強力なオンライン Photoshop のような CSS グラデーション エディター |
| CSSグラデーションエディター | このツールは、CSS グラデーションの背景とパターンを作成する場合にのみ必要となる場合があります。 |
| 画像カラーピッカー | 画像のカラーピッカーとパレットジェネレーター |
| 色の組み合わせ | 色混合ツール |
| カラーラバーズ | 外の世界で人気の配色が表示されます。 |
| HTML CSSの色 | 無料のオンライン カラー (米国) またはカラー (英国) ツール: 情報、グラデーション ジェネレーター、カラー ホイールなど。 |
| 16進数のカラーコード | カラーピッカー、カラーチャート、HTML カラー名を使用して、HTML カラーコード、16 進数カラーコード、RGB および HSL 値を取得します。 |
| クールヒュー2.0 | CSS および PNG 形式でさまざまなグラデーションの例を表示する無料ツール |
| 色。笑 | Twitter ボットによって生成された興味深いカラー パレット。各色には 16 進コードと説明的な名前が付いています。 |
| 色.ドープリー | 超高速でシンプルなカラー パレット ジェネレーター。パレットは数秒で保存、共有できます。 |
| UIカラーピッカー | ワンクリックでコピーできる 16 進数コードを含む UI カラーのコレクション。 |
| カラーヘックス | Color-hex は、カラー モデル (RGB、HSL、HSV、CMYK) を含む色に関する情報を提供し、選択した色の単純な CSS コードを生成します。 |
| ファーブベロ | ランダムなカラーパレットジェネレーター |
| ベランダカラー | 他のデザイナーが作成したカラーパレットを参照し、独自のカラーパレットを生成して送信します |
| デュオ | Duo は、私が個人的なプロジェクトから厳選した、またはウェブ上で見つけた色の組み合わせのコレクションです。 |
| Lospecパレットリスト | Lospec Palette List は、ピクセル アート用のパレットのデータベースです。 |
| パレットアプリ | ある色から別の色に流れる滑らかな配色を構築します。 |
| エッグラディエント | 卵を使ったグラデーションの背景色。 |
| グラディエントス | グラデーションを簡単に見つけてテストします。 |
| 百科事典 | Web カラーを参照するための Web サイト。色の知識、Web カラー、16 進カラー コード。 |
| クロマ | スポイト、カラー ピッカー、パレット ジェネレーターなどの強力なカラー ツール。 |
| カラーデザイナー | 1 つの色からのグラデーション ジェネレーター。 |
| デュオトーン | あらゆるプロジェクトで使用できる美しい無料のデュオトーン画像を見つけたり、独自の画像をアップロードして数秒でデュオトーン効果を適用してカスタムのデュオトーン画像を作成したりできます。 |
| クールな背景ジェネレーター | ブログや Web サイトに追加できる、美しく厳選されたクールな背景のセレクションをご覧ください。 |
| カラーシェードジェネレーター | お気に入りの色や任意の色の色合いをすばやく生成して、複数の色合いを持つテンプレートや CSS コンポーネントを作成したり、同じサイトで利用できるより便利なツールを作成したりできます。 |
| ヒューミント | Huemint は機械学習を使用して、ブランド、Web サイト、またはグラフィックに独自の配色を作成します。 |
| InclusiveColors パレット クリエーター | アクセス可能なカスタムの Tailwind スタイルのカラー パレットを作成します。スウォッチ全体にわたって HSL カーブを変更し、WCAG/APCA コントラストを確認してから、Tailwind/CSS/Figma/Adobe にエクスポートできます。 |
png、svg などを含むアイコンのリソース
| Webサイト | 説明 |
|---|---|
| 円周アイコン | React、Vue、Svelte の SVG としての一貫したオープン ソース アイコン |
| UXウィング | よく最適化された、商用利用可能な無料のアイコン |
| Shapedfonts Iconclub | 8000以上の無料アイコン |
| 羽のアイコン | 美しくカスタマイズ可能なオープンソース アイコン |
| テーブルラーのアイコン | React、Preact、Vue、Svelte、SolidJS をサポートする 3500 以上の高度にカスタマイズ可能なオープン ソース SVG アイコン |
| シコン | Fluentui システム アイコン、イオニコンなどから統合された SVG Vue/React コンポーネント (Vue3、Vue2、React、SVG)。 |
| イコノワール | 900 以上のオープンソース アイコンの無料ライブラリ |
| シンプルなアイコン | 人気ブランドの 1307 個の無料 SVG アイコン |
| 線形アイコン | 1000 以上の非常に鮮明なベクター アイコン |
| アイコン8 | 無料のアイコン、写真、ベクター、ツール |
| フラットアイコン | PNG、SVG、EPS、PSD、BASE 64 形式の無料アイコンの最大のデータベース |
| 名詞プロジェクト | グローバル コミュニティによって作成された 200 万を超える厳選されたアイコン |
| アイコンスカウト | アイコン イラストのストックフォトを 1 か所で無料ダウンロード |
| IconSear.ch | 50,000 を超える SVG アイコンがインデックスされた検索エンジン |
| Nucleoアプリ | Nucleo は 27500 個のアイコンの美しいライブラリであり、すべてのアイコンを収集、カスタマイズ、エクスポートするための強力なアプリケーションです。 (無料・有料) |
| Icon-icons.com | 無料のアイコン PNG、ICO、ICNS およびベクター ファイル SVG |
| ブートストラップのアイコン | Bootstrap 用に作成された無料のアイコンですが、どのプロジェクトでも機能します |
| リミックスアイコン | シンプルに楽しいアイコンシステム |
| アイコンモンスター | 313 のコレクションから 4496 以上の無料アイコンを発見 |
| ビビッド.js | 無料でオープンソースの SVG アイコン パック JavaScript ライブラリをすぐに使用できます。 |
| アイコンファインダー | SVG、PNG、CSH、AI 形式の無料およびプレミアムベクターアイコン |
| ローディコン | 50 個の無料アニメーション インタラクティブ アイコン |
| アニメーションを使用する | SVG および Json 形式の無料アニメーション アイコン (くじ用) |
| css.gg | 700 以上のオープンソース CSS、SVG、Figma UI アイコンを SVG スプライト、スタイル付きコンポーネント、NPM、API で使用可能 |
| アイコンブラザーズ | 7843 以上の無料アイコンが 182 のコレクションにグループ化されています |
| マテリアル デザインのアイコン | さまざまなプラットフォームを対象とするデザイナーや開発者が、プロジェクトに必要な形式、色、サイズのアイコンをダウンロードできるアイコン コレクション。 |
| ヒーローアイコン | Tailwind CSS の作成者による無料のオープンソース アイコン。 |
| ゾンディコン | デジタル製品で使用できる無料のプレミアム SVG アイコンのセット。 |
| 無限のアイコン | 数多くの無料アイコンを提供するウェブサイト。アイコンにはタグが付けられ、キットに圧縮されます。 |
| アイコムーン | 5500 以上の無料アイコンを参照してください。アイコンを簡単に参照および検索したいセットを追加します。 |
| エヴァのアイコン | Eva Icons は、一般的なアクションやアイテム用に美しく作られた 480 以上のオープンソース アイコンのパックです。 |
| 暗号アイコン | 430 個の暗号通貨と法定通貨のアイコンのセット。完全に無料です。 |
| イコナテ | 完全にカスタマイズ可能でアクセスしやすいベクター アイコン |
| アプリコン | IOS、macOS、Android プロジェクト用にさまざまなサイズのアプリ アイコンをすばやく生成します |
| ラインアイコン | デザイナーと開発者のための 2000 以上の必須の線アイコン |
| エブリコン | Evericons は、Aleksey Popov によってデザインされた 460 以上の無料アイコンの大きなパックです。 |
| SVG リポジトリ | 商用利用のために無料の SVG ベクターをダウンロードします。 |
| コンバーティオ | オンラインで無料で PNG ファイルを SVG に変換します。 （当社が提供するサービスの一つです。） |
| CSSアイコン | 純粋な CSS コードで作成されたアイコン セット、依存関係なし、「グラブ アンド ゴー」アイコン |
| 統一されたアイコン | 数千のアイコン、1 つの統一フレームワーク。 1 つのライブラリ、40,000 を超えるベクター アイコン。 |
| システム UI アイコン | 220 を超えるアイコンのコレクションが増え続けています。 |
| アイコンパーク | SVG アイコンを複数のテーマに変換し、React アイコン、Vue アイコン、svg アイコンを生成します |
| 基数アイコン | Modulz チームによってデザインされた 15×15 のアイコンの鮮明なセット。すべてのアイコンは、個別の反応コンポーネント、SVG などとして利用できます。 |
| EOS アイコン | ピクセルパーフェクトなオープンソースの象徴的なフォントで、合字および SVG として利用できます。 |
| イオンコン | Web、iOS、Android、デスクトップ アプリで使用できる、美しく作られたオープン ソース アイコン。 |
| 蛍光体のアイコン | Phosphor は、インターフェイス、図、プレゼンテーション用の柔軟なアイコン ファミリです |
| 小さなアイコン | TeenyIcons は HTML で使いやすい SVG 形式のアイコンセットです |
| ルシード | Lucide は、Feather Icons のフォークであるオープンソースのアイコン ライブラリです。 |
| アイコン | Iconify を利用したインスタント検索機能を備えたアイコン エクスプローラー。 |
| くだらないアイコン | 無料のアイコンのコレクション。 |
| アイコンスペディア | Iconspedia は、高品質の無料アイコンの大規模なコレクションを含む Web サイトです。 |
| アイコンハブ | 誰にとっても実用的な素晴らしいアイコンばかりです |
| 3DICONS | 美しく作られたオープンソースの 3D アイコン |
| アイコンDB | 無料のカスタムアイコン |
| 絵文字ガイド | 簡単に使用できる HTML コード付きの 3,300 個の絵文字のコレクション。 |
| ユニコーンのアイコン | 100 個以上のカスタマイズ可能な遊び心のあるアニメーション アイコン。 JSON および SVG 形式で利用できます。 |
| サーガムのアイコン | Figma、SVG、React で利用できる 275 以上のオープンソース アイコンのコレクション。 |
| アイコンバディ | デザイナーや開発者向けに完全にカスタマイズ可能な 10 万以上のオープンソース SVG アイコンのコレクション。 |
| 丸いアイコン | 世界最大のプレミアムおよび無料のアイコン パックには、フラット アイコン、ライン アイコン、塗りつぶされたアウトライン、アイソメ図およびソリッド スタイルのライブラリが含まれています。 |
| ベクトパス | エリートデザイナー向けに厳選された最高の集合リソース。 |
ロゴに関するリソース
| Webサイト | 説明 |
|---|---|
| ロゴサーチ.ch | 200,000 を超える SVG ロゴがインデックス化された検索エンジン |
| SVGポルノ | 1000以上の高品質SVGロゴ |
| 決済システムのロゴ | 決済システムのロゴを PNG および SVG で利用可能 |
| ブラウザのロゴ | 高解像度の Web ブラウザーのロゴ |
| ベクトルロゴゾーン | 一貫した形式の SVG ロゴ |
| 世界のベクトルのロゴ | 好きなブランドのベクターロゴをダウンロード |
| ロゴメーカー | カスタムロゴを作成する |
| 無料のロゴメーカー | 高速、オールインワンのロゴジェネレーター |
| ロゴワイン | ブランドロゴをSVGベクターおよびPNGファイル形式で無料ダウンロード |
ファビコンのリソース
| Webサイト | 説明 |
|---|---|
| ファビコン.io | テキスト、画像、絵文字からファビコンを生成します。 .ico および .png 形式でダウンロード |
| ファビコマティック | あらゆるサイズと形式のファビコンと、あらゆるブラウザーまたはデバイスをサポートするために必要な HTML コードを生成します。 |
| ファビコンジェネレーター | ウェブサイトのファビコン ico ファイルを生成します |
| RealFaviconGenerator | すべてのプラットフォーム (Windows、iOS、Android) のアイコンを生成します。 |
| フォントアイコン | Font Awesome アイコンからファビコンと画像を生成 |
| ファビコン.cc | オンラインでファビコンを描画し、他のユーザーが作成したファビコンのライブラリを参照します |
| Maskable.app エディター | 既存のアイコンに基づいてマスキング可能な PWA アイコンを生成 |
| ファビコンジェネレーター | Web サイトのファビコン アセットを生成します。 SVG、マスカブル、縮小画像をサポート。純粋なフロントエンド。プライバシーのリスクはありません。速い。 |
アイコンフォントのリソース
| Webサイト | 説明 |
|---|---|
| 素晴らしいフォント | Web で最も人気のあるアイコン セットとツールキット |
| 素晴らしいライン | Font Awesome を最新のラインアイコンに置き換えます |
| マテリアルアイコン | マテリアル デザイン アイコン ライブラリ |
| イオンアイコン | Ionic チームが作成した美しく作られたオープンソース アイコン |
| ザーブ財団のアイコン | カスタマイズ可能な財団アイコン |
| フォントアイコン | Fontisto の象徴的なフォントと CSS ツールキット · 616 個以上の無料アイコン |
| ボクアイコン | Boxicons は、慎重に作成されたオープンソース アイコンの無料コレクションです。 |
| アイコンフォント | クリエイティブなデザインにスパイスを加える 2,100 以上の無料アイコン |
| マテリアルパレット | マテリアル デザインのパレット、アイコン、色を自由に選択 |
| マテリアル デザインの象徴的なフォント | マテリアルデザインのアイコンフォント |
| Vscode コディコン | Visual Studio Code のアイコン フォント |
| デビコン | Devicon は、プログラミング言語、設計および開発ツールを表すアイコンのセットです |
| 支払いフォント | 決済事業者および決済方法向けの洗練された Web フォント。 116 個のアイコンを搭載 |
| 天気アイコン | Weather Icons は、222 個の天気をテーマにしたアイコンを備えた唯一のアイコン フォントです |
| ストローク 7 | iOS 7 からインスピレーションを得た 202 個の細いストロークのアイコン |
| ジャムのアイコン | 890 以上の手作りアイコンで Web アプリを素晴らしいものに |
| フォンテロ | アイコンの名前やコードをカスタマイズできる 200 以上の Web アイコン。 |
| リネア | Linea: 750 以上の無料アイコンを搭載 |
| ユニコン | Web フォント、SVG アイコンとして、また React、Vue、React Native などの JS フレームワークのコンポーネントとして利用できる 1100 以上の無料の線スタイル アイコンのセット。 |
| モビライズのアイコン | 150 個のエレガントでピクセル完璧な線形アイコンの無料のオープンソース セット。Web アイコン フォントおよび SVG アイコンとして利用できます。 |
| ヒーローアイコン | 無料のオープンソース Svg アイコン ライブラリ |
| アイコンに反応する | オープン ソースの無料 Svg アイコン ライブラリは、Font Awesome やマテリアル アイコンなどのお気に入りのアイコン ライブラリのコレクションであり、幅広い SVG アイコンから選択できます。 |
Web サイトやアプリ用にあらゆる種類のストック写真を無料で提供する Web サイト
| Webサイト | 説明 |
|---|---|
| ペクセル | 才能あるクリエイターが共有する無料のストック写真 |
| アンスプラッシュ | 自由に使用できる画像のインターネットのソース |
| ピクサベイ | 170 万以上の高品質のストック画像とビデオ |
| マグドレーヌ | 毎日のギャラリーと無料の高解像度写真 |
| ピクスプリー | ロイヤリティフリーの画像、写真、イラスト、ベクター |
| バースト | 無料の写真素材コレクション |
| グラティグラフィー | 無料の高解像度写真の無料コレクション |
| ピクスの人生 | 無料の高解像度写真 |
| ストックスナップ | 数百枚の高品質の写真が毎週追加されます |
| モルグファイル | 350,000 を超える商用利用可能な無料のストック写真 |
| カブームの写真 | ストック写真とカラーパレット。商品イメージに適しています |
| 新しい古い在庫 | ヴィンテージストックフォト |
| ピクジャンボ | さまざまな種類の写真の優れたコレクション |
| パブリックドメインの写真 | あらゆるタイプのパブリック ドメイン画像 |
| 写真を探す | 複数のストックフォト Web サイトを検索します |
| ストックボールト | 分類されたストック写真 |
| プレースホルダー | Web 用の無料の画像プレースホルダー サービス。画像のサイズと形式を指定できます |
| リアルなショット | 無料の高解像度ストック写真 |
| ネガティブスペース | 高解像度の無料ストック写真 |
| スキッター写真 | 無料の高解像度写真 |
| ピコグラフィー | ゴージャス、高解像度、無料の写真 |
| ワンダーストック | 驚くほど素晴らしい無料写真 |
| ピクセルここ | 無料画像 & 無料写真- PxHere |
| ピクセル | ロイヤリティフリーのストック写真 |
| グルメフィード | 食べ物の写真ストック |
| おむつ | 黒人と茶色の人々の美しい高解像度の写真を提供する Web サイト。 |
| 生成された写真 | AIが生成したユニークなモデル写真 |
| リショット | ユニークな無料写真。厳選された、かさばらない画像。 |
| 無料画像 | 無料のストック写真を見つけてダウンロード - 個人使用および商用使用ともにすべて無料 |
| ロレム・ピクサム | 美しいプレースホルダー画像を取得するための使いやすい API。サイズやその他のパラメータを指定できます。 |
| 科学画像 | 科学や自然の画像に特化した画像ライブラリ |
| 統合およびアプリケーション ネットワーク イメージ ライブラリ | 科学者、リソース管理者、政府機関、コミュニティ グループ、グラフィック専門家に科学コミュニケーションを強化するためのリソースを提供する無料の画像。 |
| ユキノシタ | 無料の自然画像 |
| クリエイティブ・コモンズ | 再利用できる無料の画像を検索します。 |
| すべてのフリーストック | 無料のストック画像、オーディオ、ビデオの厳選されたリスト。 |
| Lorem.space - プレースホルダー画像ジェネレーター | プレースホルダー画像用の API ですが便利です。 |
| オープンバース | Openverse は、オープンライセンスのメディア用の検索エンジンです。 |
| ISO共和国 | 何千もの無料の高解像度ストック CC0 写真を入手 |
ウェブサイトやアプリ向けにあらゆる種類のストックビデオを無料で提供するウェブサイト
| Webサイト | 説明 |
|---|---|
| ペクセル | コミュニティによって寄贈された、無料で使用できるビデオの最大のライブラリ |
| ピクサベイ | Pexels と同様のコミュニティによって提供された、無料で使用できるビデオの大規模なライブラリ |
| Coverr.co | 美しい無料ストックビデオ映像 |
| ビデジー | 無料の HD ストック映像と 4K ビデオ |
| ミックスキット | ストックビデオクリップと音楽 |
| ライフ・オブ・ヴィッド | 無料のビデオクリップとループ |
| ビデボ | 無料およびプレミアムストックビデオ |
| ループビズ | VIMAGEアプリで作成されたシネマグラフを無料で使用できます |
| スプリットシャー | 美しく独占的な無料のストックビデオと写真 |
| 無料ストックビデオ | 無料のストックビデオ |
無料のストック音楽や効果音を提供する Web サイト
| Webサイト | 説明 |
|---|---|
| YouTube Studio オーディオ ライブラリ | ダウンロード可能な音楽と効果音のためのロイヤリティフリーのオーディオ ライブラリ。 YouTube の収益化を許可されました。 |
| 無料の音楽素材 | YouTube ビデオ、ポッドキャストなどのロイヤリティフリーのストック音楽 |
| ベンサウンド | ロイヤリティフリーの音楽を無料でダウンロードしてプロジェクトで使用してください |
| ミックスキット | あなたのプロジェクトに無料の音楽を |
| フリーサウンド | 無料の音楽とサウンドのストック |
| 無料の音楽アーカイブ | ミュージシャンやサウンド愛好家向けのクリエイティブ コモンズ ライセンスのサウンドの共同データベース |
| ムソペン | 著作権フリーのオンライン クラシック音楽ライブラリ |
| ピクサベイ | YouTube ビデオ、音楽、Vlog、映画、ポッドキャストなどのプロジェクト用の音楽を無料でダウンロードできます。 |
| アンマイナス | あなたのプロジェクトに無料のプレミアム音楽を?ロイヤリティフリー。 YouTube 用にクリアされました。 |
無料のベクター、クリップアート、イラスト、パターンなど
| Webサイト | 説明 |
|---|---|
| ベクティージー | 無料のベクター アートを見つけてダウンロード |
| フリーピク | 無料のベクター、ストック写真、PSD、アイコン |
| 無料ベクター | 無料のベクター グラフィックスを共有するベクター愛好家のコミュニティ |
| PNGツリー | PNG、背景、テンプレート、テキスト効果 |
| ベクター4無料 | 無料のベクターグラフィックス |
| フリーブル | ベクター、パターン、モックアップなど |
| ルカザダム | 無料のベクターアートワーク |
| イラスト | 美しい 100 のイラスト - png、svg |
| クリップアート | 無料のコレクションからプロジェクトに最適なクリップアート、PNG、ぬりえ、図面などを選択してください。 |
| グローキットのイラスト | シンプルな白黒のスタイリッシュなイラスト8枚セット |
| trianglify.io | ローポリの背景、テクスチャ、ベクターを生成する |
| 塊 | Web および Flutter アプリ用の Blob 形状を生成する |
| ハイクリップアート | デザイナーが透明な背景の PNG クリップアートを共有およびダウンロードするためのコミュニティ |
| Freepik によるストーリー | プロジェクト用の無料でカスタマイズ可能なイラストのコレクション |
| 黒のイラスト | 黒人の美しいイラスト（無料およびプレミアム） |
| デザイン | 無料イラストなどを集めました |
| カスタムシェイプディバイダー | デザイナーや開発者が美しい SVG 形状の分割線を簡単にエクスポートできるようにする無料ツール |
| サーヴィエ メディカル アート | 出版物や PowerPoint プレゼンテーションを説明するための 3,000 枚の無料医療画像 |
| クラッカー | 好きなものに使える無料のクリップアート |
| SVG ウェーブ | 無料でカスタマイズ可能なグラデーション ? UI デザイン用の SVG ウェーブ ジェネレーター。 |
| BGjar | ウェブサイト、ブログ、アプリ用の無料の SVG 背景ジェネレーター。 |
| 文化遺産図書館 | ヴィンテージイラスト (ベクターおよび PNG) |
| ロボハッシュ | あらゆるテキストからユニークな画像を生成 |
| タビー | 背景画像、印刷、その他のプロジェクトに使用する最小限に生成されたパターン/アートワークを作成およびカスタマイズします。 |
| 拝啓 | 素晴らしいマルチシェイプ Web アプリ。 |
| ベクター | あらゆる種類のモロッコのベクターを集めた素晴らしいウェブサイト。 |
| ヒージー | ユニークなベクターアセットを数秒以内に作成します。 |
| モザイク | さまざまなツール、ウェーブ、タイル、ブロブなどを備えた無料の SVG ジェネレーター。 |
デバイスやその他の製品のモックアップを作成する
| Webサイト | 説明 |
|---|---|
| モックシティ | SmartObjects に画像を自動的に配置することで、PSD テンプレートからモックアップを一括生成します。ビジュアル エディターを使用すると、SmartObject パラメーターを変更し、更新されたモックアップ プレビューをリアルタイムで確認できます。 |
| スマートモックアップ | 素晴らしい製品モックアップを作成します (無料およびプレミアム) |
| メディア修飾子 | 製品の美しいデザインのモックアップ サービス (無料およびプレミアム) |
| ショットスナップ | アプリやウェブサイトのデザイン用に美しいデバイスのモックアップ画像を作成する |
| スクリーリー | スクリーンショットを即座にモックアップに変換します |
| スクリーンショット.rocks | 美しいブラウザーとモバイルのモックアップを数秒で作成 |
| スクリーンピーク | URLからモックアップを作成する |
| モックアップワールド | 無料のフォトリアルなモックアップをオンラインで提供する最大のソース |
| コラボショット | リアルタイムの画面キャプチャと画像共有 |
| Facebook デバイス | 一般的なデバイスの画像とスケッチ ファイル |
| Threed.io | ブラウザで直接 3D モックアップを生成します。 |
| モックフォン | IOS、Android、Windows Phone、ラップトップとデスクトップ、テレビを含むすべてのデバイス用の完全に無料のモックアップ |
| デバイスショット | ソーシャル メディア用の高解像度デバイス モックアップを無料で作成 |
| クリーンモック | iPhone X などの最新のデバイス フレームや、モバイルや Web サイトのデザインを際立たせるカスタム背景を使用して、ブラウザからすぐに無料で素晴らしいモックアップを作成できます。 |
| モックビデオ | ビデオにデバイス フレームを追加して、モックアップを即座に作成します。 |
| モックアップ仲間 | オンラインモックアップジェネレーターで製品モックアップを作成しましょう！モックアップを選択し、デザインをアップロードし、透かしなしの画像をダウンロードするだけです。 |
| アニモックアップ | ブラウザでアニメーションのモックアップを作成します。 |
| ナキウサギ | マーケティングやブログ投稿などに使用するブラウザーのモックアップや美しい画像を即座に作成します |
| 狂気 | モックアップを無料で一から作成 |
あらゆる種類の美しい Web サイト テンプレートとテーマを無料で提供する Web サイト
| Webサイト | 説明 |
|---|---|
| HTML5アップ | 非常にモダンでユニークなレスポンシブ HTML5/CSS3 テーマ |
| テンプレートモ | ミニマル、履歴書、ギャラリーのテーマなど |
| 無料HTML5 | 無料およびプレミアムの HTML5 および Bootstrap テーマ |
| スタイルシャウト | 見事に作られた無料のウェブサイトテンプレート |
| ブートストラップを開始する | ブートストラップ スターター テーマ |
| HTML5xCSS3 | さまざまなカテゴリの素晴らしいテンプレートのコレクション |
| テーマワゴン | さまざまなカテゴリからの HTML5 ブートストラップ テンプレートのコレクション |
| カラーリブ | 思いつく限りのほぼすべてのカテゴリーのテーマ |
| 無料のCSS | 無料のテンプレートの膨大なコレクション |
| ハブスポット | テンプレート、インフォグラフィック、バナーなど |
| モビライズ | 見栄えの良い HTML5/CSS3 テンプレート |
| ブーツウォッチ | Bootstrap 用の無料テーマ |
| ワンページラブ | 1 ページの Web サイト、テンプレート、リソース |
| アプリのテーマ | 無料の Bootstrap テーマとランディング ページ |
| ブートストラップ味 | プレミアムおよび無料のブートストラップ テンプレート |
| ブートストラップメイド | Bootstrap を使用したエレガントでクリーンで美しい無料テンプレート。 |
| W3レイアウト | W3Layouts: 2020 年の 3784 以上の無料 Web サイト テンプレート |
| トゥープレート | Tooplate: 誰でも使える無料の HTML テンプレート! |
| クループ | 完全にコード化された HTML テンプレートを使用すると、手間をかけずにスタートアップ ランディング ページを簡単に作成できます。 |
| UIデッキ | 無料のランディング ページ テンプレートとブートストラップ テーマ |
| スプラー | 無料の Web テンプレートでアイデアをスタートしましょう! |
| W3css_templates | 使用できるいくつかのレスポンシブ W3.CSS Web サイト テンプレート。 |
| すべて無料でダウンロード | 無料のウェブサイト テンプレートをダウンロードする |
| マッシュアップテンプレート | HTML5/CSS3の無料テンプレート |
| Sneat Bootstrap 5 HTML 管理テンプレート | オープンソースで使いやすい、エレガントなデザインとユニークなレイアウトを備えた Bootstrap 5 HTML 管理者テンプレート。 |
| HTMLrev | 無料の美しい HTML5 テンプレートとランディング ページ |
| ホライズンUI | React 用の最もトレンディーなオープンソース管理者テンプレート |
| キーンテーマ | 無料およびプロの Html/Css3、Bootstrap5、Vue、React、Laravel テンプレート |
| スクリューファースト | 洗練されたカスタマイズ可能な TailwindCSS コンポーネントを備えたオープンソースの Astro Web サイト テンプレート |
見栄えの良い Web サイトやアプリケーションの構築に役立つ CSS/UI フレームワーク
| Webサイト | 説明 |
|---|---|
| 追い風 CSS | 低レベルの実用性優先フレームワーク |
| ブートストラップ | CSS と JS の両方を使用する多数のコンポーネントを備えた人気の UI フレームワーク |
| 実体化する | マテリアル デザインに基づいた最新の応答性の高いフロントエンド フレームワーク |
| マテリアル デザイン ライト | マテリアルデザインに基づいた軽量フレームワーク。 JS依存性なし |
| ブルマ | JS を使用しない最新の CSS フレームワーク |
| スケルトン | 基本的な UI 要素のための非常に軽量なフレームワーク |
| 統一CSS | 完全に構成可能なユーティリティ ジェネレーターと Sass 内に完全に構築された CSS フレームワーク |
| セマンティックUI | UI の共有ボキャブラリーを作成することで、デザイナーと開発者に力を与えます |
| フォマンティックUI | Semantic-UI のコミュニティ フォーク |
| 財団 | クリーンなマークアップを備えたモバイルファーストフレームワーク |
| 純粋なCSS | 小さくて応答性の高い CSS モジュールのセット |
| UIキット | 軽量でモジュール式のフロントエンド フレームワーク |
| スージー | Sass 用の軽量のグリッド レイアウト エンジン |
| ミリグラムアイオ | ミニマリストCSSフレームワーク |
| バニラフレームワーク | Sass で書かれたシンプルで拡張可能な CSS フレームワーク |
| スペクターCSS | 軽量で最新の CSS フレームワーク |
| ピクニックCSS | 軽くて美しいライブラリ |
| 翼 | ミニマリスト向けに設計された美しい CSS フレームワーク |
| チョタ | マイクロ (~3kb) CSS フレームワーク |
| ブループリント CSS | どこでも機能する優れた応答性のモバイルファースト UI を構築するための軽量レイアウト ライブラリ |
| W3.CSS | デフォルトでデスクトップ、タブレット、モバイルのデザインをサポートする最新の CSS フレームワーク。 jQuery やその他の JavaScript ライブラリから独立した設計 |
| 98.css | 古いUIを忠実に再現したデザインシステム |
| ファミコンCSS | NES スタイルの CSS フレームワーク |
| 靴紐.css | 将来の CSS 構文で構築された軽量で先進的な CSS ライブラリ |
| MVP.css | HTML 要素の最小限のスタイルシート。クラス名やフレームワークは必要ありません。セマンティック HTML だけで完了です。 |
| ブレイズ.css | Web サイトを迅速に構築するための優れた構造を提供するオープンソースのモジュラー CSS ツールキット |
| タレットCSS | Turret CSS は、レスポンシブな Web サイトを開発するためのスタイル フレームワークです。 |
| キュートストラップ | 強力な独立した CSS フレームワーク。 |
| XP.css | XP.css は 98.css の拡張子です。古い UI のようなインターフェイスを構築するための CSS ライブラリ。 |
| フレームワーク7 | Framework7-は、ネイティブのルックアンドフィールを備えたモバイル、デスクトップ、またはWebアプリを開発するための無料のオープンソースフレームワークです。 |
| hint.css | 素敵なWebサイト用の純粋なCSSツールチップライブラリ。 |
| ImageHover.io | 純粋なCSSイメージホバーエフェクトライブラリ |
| mini.css | 最小限の応答性の高いスタイルに依存しないCSSフレームワーク |
| タキオン | できるだけ少ないCSSを使用して、高速負荷、非常に読みやすい、100％応答性のあるインターフェイスを作成します。 |
| マテリアルブートストラップ | ブートストラップ付きのマテリアルデザイン |
| 象牙 | 強力なWebインターフェイスをより迅速かつ簡単に開発するための最新のCSSフレームワーク |
| ハーフムーンUI | 美しいダッシュボードと製品ページをすばやく構築するために設計されたレスポンシブで軽量なフレームワーク。 |
| メトロ4 | Metro 4を使用してサイトを迅速かつ効果的に作成します。HTML、CSS、JavaScriptに基づいて構築された印象的なコンポーネントライブラリ。 |
| CSS-Doodle | CSSを使用してパターンを描画するためのWebコンポーネント |
| latex.css | あなたのウェブサイトをラテックスドキュメントのように見せます |
| Paper CSS | フロントエンド印刷ソリューション |
| Windi CSS | Tailwind CSSの次世代コンパイラ |
| CIRRUS CSS | 迅速なプロトタイピング用に設計されたコンポーネントおよびユーティリティ中心のSCSSフレームワーク。 |
| グーテンベルク | ウェブを正しく印刷する最新のフレームワーク。 |
| 点灯 | 世界最小のレスポンシブファイアCSSフレームワーク（395バイト）。 |
| arwes | ARWESは、未来のサイエンスフィクションのデザイン、アニメーション、およびサウンドエフェクトに基づいてユーザーインターフェイスを構築するWebフレームワークです。 |
| ボジラー | Bojlerは、最も人気のある電子メールクライアントのそれぞれに正しくレンダリングされるレスポンシブで軽量の電子メールテンプレートを開発するための電子メールフレームワークです。 |
| 暗黙 | クラスのないダミーのプリミティブCSSフレームワーク。 |
| 端子CSS | ターミナル愛好家向けの近代的で最小限のCSSフレームワーク。 |
| さくら | 最小限のクラスレスCSSフレームワーク /テーマ。 |
| PSone | PS1スタイルCSSフレームワーク、nes.cssに触発されました。 |
| マルクス | マルクスは、どのプロジェクトでも使用されるクラスレスCSSリセットです（つまり、小さなプロジェクト）。 |
| タフテ | Edward Tufteの配布資料のようなWebページをスタイリングします。 |
| axentix | Axentixは、HTML、CSS、およびJSを使用したCSSグリッドに基づくオープンソースフレームワークです。 |
| ラスターシンプルグリッドシステム | セマンティックCSSではなく、記述的なHTMLを使用した最小限のまっすぐなCSSグリッドシステム。 |
| フローリフト | FlowRiftは、美しく設計されたTailwind CSS UIブロックで作られたライブラリです。 |
| ツインド | 存在する最小、最速、最も速い機能の完全なTailwind-in-JSソリューション |
| pico.css | すべての先住民のためのエレガントなスタイル。クラスのないHTML要素とダークモードが自動的に有効になっています。 |
| clay.css | コンポーネントに粘土モルフィズムスタイルを追加するための拡張可能で構成可能なマイクロCSS UTILクラスとSASSミックスイン。 |
| ビーカス | 開発者のストレスなしに、記録的な速さで材料設計インターフェイスを構築しますか？材料設計を実装する最初のCSSフレームワーク3。 |
| UNOCSS | UNOCSSはインスタントアトミックCSSエンジンであり、柔軟で拡張可能になるように設計されています。コアは感染しておらず、すべてのCSSユーティリティはプリセットを介して提供されます。 |
| Neptune CSS | Neptune CSSは、軽量CSSフレームワークです。それを使用して、ウェブサイトをより速く開発します。 |
| stylex | Stylexは、Webアプリをスタイリングするためのシンプルで使いやすいJavaScriptの構文とコンパイラです。 |
| 軌道 | 軌道は、シンプルまたは複雑な放射状インターフェイスを作成するための最初のCSSフレームワークです。 |
モジュール式、再利用可能でスケーラブルなコードの書き込みを支援するCSS方法論
| Webサイト | 説明 |
|---|---|
| oocss | OOCSSの概念は、柔軟でモジュール化され、交換可能なコンポーネントを作成するのに役立ちます。 |
| 原子CSS | Atomic CSSは、視覚関数に基づいて名前を持つ小さな単一目的クラスを支持するCSSアーキテクチャへのアプローチです。 |
| ベム | Block Element Modifierは、フロントエンド開発で再利用可能なコンポーネントとコード共有を作成するのに役立つ方法論です。 |
| smacss | SMACSSは、設計プロセスを調べる方法であり、これらの厳格なフレームワークを柔軟な思考プロセスに適合させる方法です。 |
| キューブ | Cube CSSは、シンプルさ、実用主義、一貫性に向けられたCSS方法論です。 |
ウェブサイトやアプリケーション向けに素晴らしいアニメーションを構築するためのCSSアニメーション
| Webサイト | 説明 |
|---|---|
| animate.css | ちょうど水上CSSアニメーション |
| Bounce.js | Bounce.jsはツールとJSライブラリであり、美しいCSS3パワーアニメーションを作成できる |
| Anime.js | Anime.js（/ˈæn.ə.meɪ/）は、シンプルでありながら強力なAPIを備えた軽量のJavaScriptアニメーションライブラリです。 CSSプロパティ、SVG、DOM属性、JavaScriptオブジェクトで動作します |
| マジックアニメーション | アニメーションは利用可能な最も印象的なアニメーションライブラリの1つです |
| ZDOG | キャンバス＆SVG用の丸い、フラット、デザイナーに優しい擬似3Dエンジン |
| csshake | CSShakeは、ボックスに表示されていることを正確に配信します - あなたのWebページ内の要素を揺さぶるために特別に設計されたCSSライブラリ |
| hover.css | hover.cssは、ウェブサイトのボタンやその他のUI要素で使用するために設計されたCSSアニメーションライブラリです |
| アニジ | Anijsは、単純な「文のような」構造の要素にアニメーションを追加できるアニメーションライブラリです |
| アニスタ | CSSアニメーションオンデマンド |
| タチョン - アニメート | Tachyons自体は、必要なものにクラスを追加して、本質的に何でもデザインするための多くのユーティリティクラスを備えたAtomic CSSライブラリです。 |
| sequence.js | Sequence.jsは、ユニークなスライダー、プレゼンテーション、バナー、その他のステップベースのアプリケーションを作成するためのレスポンシブCSSフレームワークを提供するJavaScriptライブラリです。 |
| 無限 | 回転やパルスなどのこれらのアニメーションは、永遠に実行して繰り返すように特別に設計されています |
| bnoxious.css | 心の強さと心の弱いためのアニメーション |
| モーションUI | 柔軟なCSSトランジションとアニメーションを作成するためのSASSライブラリ |
| keyframes.app | カスタムCSSキーフレームアニメーションを生成するためのグラフィカルユーザーインターフェイス |
| 思考ボット | 初心者向けのCSS移行と変換 |
| SVG Artista | SVG画像のストロークをアニメーション化して埋めるための便利なツールは、プレーンCSSコードを使用して |
| Animxyz | Animxyzは、Webサイトのアニメーションを作成、カスタマイズ、作成するのに役立ちます。 Vue、React、SCSS、およびCSSのために構築されています |
| 渦巻き | 最小限の労力でアニメーションをロードするCSS！ |
| ハンバーガー | ハンバーガースは、おいしいCSSアニメーションハンバーガーアイコンのコレクションです。 SASSライブラリとしてのソースも含まれています。モジュラーでカスタマイズ可能なので、独自のハンバーガーを調理してください。 |
| CSSローダーとスピナー | これは、さまざまな種類のCSSローダー、スピナーのコレクションを持つライブラリです |
| モーション1 | 最小のファイルサイズと最速のパフォーマンスのために、WebアニメーションAPI上に構築された新しいアニメーションライブラリ。 |
| ポコロコ | あなたのウェブサイトの動的な背景を生成します |
| アニックス | 非常に簡単で軽量のCSSアニメーションライブラリ。 |
| AOS | スクロールライブラリでアニメーション化します。 |
| アニマトピー | ちょうど水上CSSアニメーションスニペット |
JavaScriptアニメーションライブラリWebサイトやアプリケーション向けの素晴らしいアニメーションを構築する
| Webサイト | 説明 |
|---|---|
| グリーンソック | すべての主要なブラウザで機能する高性能アニメーションを構築するためのJavaScriptライブラリ |
| Velocity.js | Velocityは、jqueryの$ .animate（）と同じAPIを持つ軽量のアニメーションエンジンです |
| lax.js | Simple＆Light Weight Vanilla JavaScriptプラグインは、スクロールするときに滑らかで美しいアニメーションを作成します！ |
| Rellax.js | バターのような滑らかで超軽量、バニラJavaScript Parallaxライブラリ |
| スリー.js | デフォルトのWebGLレンダラーを備えた使いやすく、軽量の3Dライブラリ。 |
| アトロポス | Atroposは、軽量で無料でオープンソースのJavaScriptライブラリで、見事なタッチフレンドリーな3D視差ホバー効果を作成します。 |
| うわー.js | スクロールするときにアニメーションを表示します。 |
| Chocolat.js | 無料のライトボックスプラグイン。 |
| スクロールでアニメーション化します | スクロールライブラリでアニメーション化して、スクロールするときにアニメーションを表示します。 |
| tilt.js | jQuery用の60+fps軽量視差ホバーチルト効果を搭載した小さなRequestAnimationFrameを搭載しています。 |
| ラフノート | Rough Notationは、Webページで注釈を作成およびアニメーション化するための小さなJavaScriptライブラリです |
| tsparticles | 粒子を作成するための軽量ライブラリ、放棄された時代遅れの粒子の改善されたバージョン。 |
| particles.js | 粒子を作成するための軽量JavaScriptライブラリ |
| mo.js | Web用のモーショングラフィックツールベルト |
| ライトボックス2 | 現在のページの上に画像をオーバーレイするための小さなJSライブラリ。 |
| 滑らかな | 完全に応答性の高いカルーセル |
| barba.js | ウェブサイトのページ間に流動的で滑らかな移行を作成します。 |
| 機関車スクロール | 視界の要素の検出と、視差を使用したスムーズなスクロールを提供するシンプルなスクロールライブラリ。 |
| フクロウカルーセル | 無料のレスポンシブJQuery Carousel |
| swiperjs | 無料のオープンソース、jQueryのないモダンなスライダー。バニラJSや、React、Vue、Angularなどのすべての最新のフレームワークが利用できます。 |
| スプライド | カルーセルとスライダーのための無料の純粋なJSライブラリ |
| 単純な視差 | JavaScriptで視差効果を得る最も簡単な方法 |
| kute.js | Kute.jsは、最新のブラウザ向けのJavaScriptアニメーションエンジンです。 |
| Granim.js | この小さなJavaScriptライブラリを使用して、流動的でインタラクティブなグラデーションアニメーションを作成します。 |
| ポップモーション | 楽しいユーザーインターフェイス用のシンプルなアニメーションライブラリ。 |
| vivus | Vivusは、SVGをアニメーション化できる軽量のJavaScriptクラス（依存関係なし）であり、描かれているように見えます。 |
| typed.js | JavaScriptタイピングアニメーションライブラリ。 |
| 進行状況bar.js | アニメーション化されたSVGパスを備えたレスポンシブで滑らかな進行状況バー。 |
| Midnight.js | Midnight.jsでは、固定ヘッダーをその場で切り替えることができます |
| tingle.js | Tingleは純粋なJavaScriptに書かれたシンプルなモーダルプラグインです |
| Theatre.js | Theatre.jsは、GUIを備えたJavaScriptアニメーションライブラリです。 DOM、WebGL、およびその他のJavaScript変数をアニメーション化します。 |
| splidejs | Splideは、TypeScriptで書かれた軽量で柔軟でアクセス可能なスライダー/カルーセルです。依存関係も、灯台のエラーもありません。 |
| 素敵な波 | 美しいアニメーション波 |
| vanta.js | コードの数行でアニメーション化されたWebサイトの背景。 |
| splitting.js | 分割は要素を作成し、CSS変数を追加して、テキスト、グリッドなどをアニメーション化するための驚くべき可能性のロックを解除します！ |
開発者がデータをチャートに視覚化するのに役立つライブラリ
| Webサイト | 説明 |
|---|---|
| chartjs | デザイナーと開発者向けのシンプルで柔軟なJavaScriptチャート |
| フラペジ | GitHubのような緑色の正方形のグリッドや、使用する他のチャートが含まれています。 |
| g2plot | G2Plotは、グラフィックスの文法に基づいたインタラクティブでレスポンシブなチャートライブラリです。 |
