Skip to main content

デザインとUI

  • AllTheFreeStock - 無料のストック画像、オーディオ、ビデオの厳選されたリスト。
  • Float UI - デザイナーではない人でも、洗練されたデザインでモダンなレスポンシブウェブサイトを素早く作成するための無料のWeb開発ツール。
  • Ant Design Landing Page - Ant Design Landing Pageは、Ant Motionのモーションコンポーネントによって構築されたテンプレートを提供します。豊富なホームページテンプレートがあり、テンプレートのコードパッケージをダウンロードして、すぐに使用できます。エディターを使用して独自の専用ページを素早く構築することもできます。
  • Backlight — 開発者とデザイナー間のコラボレーションを重視し、BacklightはチームがDesign Systemsを構築、文書化、公開、拡張、保守できる完全なコーディングプラットフォームです。無料プランでは、無制限の閲覧者で最大3人のエディターが1つのデザインシステムで作業できます。
  • BoxySVG — SVGの描画と、SVG、PNG、jpeg、その他の形式でのエクスポート用の無料インストール可能なWebアプリ。
  • Carousel Hero - ソーシャルメディアカルーセルを作成するための無料のオンラインツール。
  • Circum Icons - React、Vue、Svelte用のSVGなどの一貫性のあるオープンソースアイコン。
  • clevebrush.com — 無料のグラフィックデザイン / フォトコラージュアプリ。コンポーネントとしての有料統合も提供しています。
  • cloudconvert.com — 何でも何にでも変換。ビデオやGIFを含む208種類のフォーマットをサポート。
  • CodeMyUI - コードスニペット付きのWeb DesignとUIのインスピレーションの厳選されたコレクション。
  • ColorKit - オンラインでカラーパレットを作成したり、トップパレットからインスピレーションを得たりできます。
  • coolors - カラーパレットジェネレーター。無料。
  • CMYK Pantone - CMYK値を最も近いPantoneカラーやその他のカラーモデルに、無料で数秒で簡単に変換できます。
  • Branition - ブランドに最適な厳選されたカラーパレット。
  • css-gradient.com - カスタムのクロスブラウザCSSグラデーションを素早く生成するための無料ツール。RGBおよびHEX形式。
  • easyvectors.com — EasyVectors.comは無料のSVGベクターアート素材です。最高のベクターグラフィックを完全に無料でダウンロードできます。
  • figma.com — チーム向けのオンライン共同デザインツール。無料ティアには、無制限のファイルと閲覧者が含まれ、最大2人のエディターと3つのプロジェクトが可能です。
  • Flyon UI- Tailwind CSS用の最も簡単なコンポーネントライブラリ。
  • framer.com - Framerは、強力なレイアウトから始めて、次のアプリ、ウェブサイト、または製品のインターフェースアイデアを繰り返し、アニメーション化するのに役立ちます。Framerをプロフェッショナルなプロトタイピングツールとして検証する人向け: 無制限の閲覧者、最大2人のエディター、最大3つのプロジェクト。
  • freeforcommercialuse.net — FFCU 心配無用のモデル/プロパティリリースストック写真
  • Gradientos - グラデーションの選択を素早く簡単にします。
  • Icon Horse – 私たちのシンプルなAPIから、任意のウェブサイトの最高解像度faviconを取得できます。
  • Iconoir – 数千のアイコンを持つオープンソースアイコンライブラリで、React、React Native、Flutter、Vue、Figma、Framerをサポートしています。
  • Icons8 — アイコン、イラスト、写真、音楽、デザインツール。無料プランでは、低解像度で限られた形式を提供します。私たちの資産を使用する際は、Icons8にリンクしてください。
  • landen.co — スタートアップ向けに、美しいウェブサイトやランディングページをコードなしで生成、編集、公開できます。無料ティアでは、完全にカスタマイズ可能でウェブ上に公開された1つのウェブサイトを持つことができます。
  • Quant Ux - Quant Uxはプロトタイピングおよびデザインツールです。- 完全に無料で、オープンソースでもあります。
  • lensdump.com - 無料のクラウド画像ホスティング。
  • Lorem Picsum - 無料で使いやすく、スタイリッシュなプレースホルダー。URLの後に希望の画像サイズ（幅と高さ）を追加すると、ランダムな画像が得られます。
  • LottieFiles - デザイナー、開発者などのための、世界最小のアニメーションフォーマット向け世界最大のオンラインプラットフォームです。Android、iOS、Web用のLottieアニメーションツールとプラグインにアクセスできます。
  • MagicPattern — グラデーション、パターン、ブロブ用のCSSとSVGの背景ジェネレーターおよびツールのコレクション。
  • marvelapp.com — デザイン、プロトタイピング、コラボレーション。無料プランは1ユーザー、1プロジェクトに限定。
  • Mindmup.com — 無料で無制限のマインドマップを作成し、クラウドに保存できます。あなたのマインドマップは、どのデバイスからでもどこでもすぐに利用できます。
  • Mockplus iDoc - Mockplus iDocは強力なデザインコラボレーション＆ハンドオフツールです。無料プランには、3ユーザーと5プロジェクトが含まれ、すべての機能が利用可能です。
  • mockupmark.com — ソーシャルメディアとEコマース向けのリアルなTシャツと衣料品のモックアップを作成。40の無料モックアップ。
  • Mossaik - 波、ブロブ、パターンなどの異なるツールを備えた無料のSVG画像ジェネレーター。
  • movingpencils.com — 高速なブラウザベースのベクターエディター。完全無料。
  • Octopus.do — ビジュアルサイトマップビルダー。ウェブサイトの構造をリアルタイムで構築し、チームやクライアントと共同作業するために素早く共有できます。
  • Pencil - Electronを使用したオープンソースのデザインツール。
  • Penpot - Webベースのオープンソースデザインおよびプロトタイピングツール。SVGをサポート。完全無料。
  • pexels.com - 商用利用可能な無料のストック写真。キーワードで写真を検索できる無料のAPIがあります。
  • photopea.com — Adobe Photoshop UIを備えた無料の高度なオンラインデザインエディターで、PSD、XCF、Sketch形式（Adobe Photoshop、Gimp、Sketch App）をサポートしています。
  • pixlr.com — 市販のレベルに匹敵する無料のオンラインブラウザエディター。
  • Plasmic - 高速で使いやすく、堅牢なWebデザインツールおよびページビルダーで、コードベースに統合できます。レスポンシブページや複雑なコンポーネントを構築し、オプションでコードで拡張し、本番サイトやアプリに公開できます。
  • Pravatar - URLをウェブ/アプリに直接ホットリンクできる、ランダム/プレースホルダーの偽のアバターを生成します。
  • Proto.io - コーディングなしで完全にインタラクティブなUIプロトタイプを作成します。無料トライアル終了後も無料ティアが利用可能です。無料ティアには、1ユーザー、1プロジェクト、5プロトタイプ、100MBのオンラインストレージ、およびproto.ioアプリのプレビューが含まれます。
  • resizeappicon.com — アプリのアイコンのサイズ変更と管理を行うシンプルなサービス。
  • Rive — あらゆるプラットフォームに美しいアニメーションを作成し、提供します。個人利用は永続的に無料です。このサービスは、すべてのグラフィックを独自のサーバーでホストするエディターです。また、Riveを使用して作成された表現を実行するための多くのプラットフォーム向けランタイムも提供しています。
  • storyset.com — このツールを使用して、プロジェクト向けに素晴らしい無料のカスタマイズされたイラストを作成できます。
  • smartmockups.com — 製品モックアップを作成。200の無料モックアップ。
  • Shadcn Studio — さまざまなコンポーネントとレイアウトでテーマの変更をプレビューできます。
  • Tailark - マーケティングウェブサイト向けに設計された、モダンでレスポンシブな、事前に構築されたUIブロックのコレクション。
  • tabler-icons.io — 1500以上の無料のコピー＆ペースト可能なSVG編集可能アイコン。
  • tweakcn — shadcn/ui向けの美しいテーマ。色、タイポグラフィなどをリアルタイムでカスタマイズできます。
  • UI Avatars - 名前からイニシャル付きのアバターを生成します。URLはウェブ/アプリに直接ホットリンクできます。URL経由で設定パラメータをサポートします。
  • unDraw - 帰属表示なしで完全に無料で利用できる、常に更新される美しいSVG画像のコレクション。
  • unsplash.com - 商用および非商用目的の無料ストック写真（自由に利用可能なライセンス）。
  • vectr.com — Web + デスクトップ用無料デザインアプリ。
  • walkme.com — エンタープライズクラスのガイダンスおよびエンゲージメントプラットフォーム。無料プランは3つのウォークスルーで最大5ステップ/ウォーク。
  • Webflow - アニメーションとウェブサイトホスティング付きのWYSIWYGウェブサイトビルダー。2プロジェクトまで無料。
  • Updrafts.app - Tailwind CSSベースのデザイン用のWYSIWYGウェブサイトビルダー。非商用利用は無料。
  • whimsical.com - 共同フローチャート、ワイヤーフレーム、付箋、マインドマップ。無料で最大4つのボードを作成できます。
  • Zeplin — デザイナーと開発者のコラボレーションプラットフォーム。デザイン、アセット、スタイルガイドを表示します。1プロジェクトまで無料。
  • Pixelixe — 魅力的でユニークなグラフィックと画像をオンラインで作成・編集できます。
  • Responsively App - より高速で正確なレスポンシブWebアプリケーション開発のための無料の開発ツール。
  • SceneLab - 常に拡大する無料デザインテンプレートのコレクションを備えたオンラインモックアップグラフィックエディター。
  • xLayers - SketchデザインファイルをAngular、React、Vue、LitElement、Stencil、Xamarinなどにプレビューして変換します（無料およびオープンソースはhttps://github.com/xlayers/xlayersにて）。
  • Grapedrop — GrapesJS Frameworkに基づく、レスポンシブで強力なSEO最適化されたウェブページビルダー。最初の5ページは無料で、無制限のカスタムドメイン、すべての機能、簡単な使用が可能です。
  • Mastershot - 完全無料のブラウザベースビデオエディター。ウォーターマークなし、最大1080pのエクスポートオプション。
  • Unicorn Platform - ホスティング付きの簡単なランディングページビルダー。1つのウェブサイトが無料。
  • SVGmix.com - 30万以上の無料SVGアイコン、コレクション、ブランドロゴの巨大なリポジトリ。ブラウザ内でファイルを素早く編集できるシンプルなベクター編集プログラムを搭載しています。
  • svgrepo.com - さまざまなベクターライブラリを使用して、プロジェクトに最適なアイコンやベクターを探索、検索、見つけることができます。商用利用可能な無料のSVG Vectorsをダウンロードしてください。
  • haikei.app - Haikeiは、ユニークなSVGシェイプ、背景、パターンを生成するWebアプリで、デザインツールやワークフローですぐに使用できます。
  • Canva - ビジュアルコンテンツを作成するための無料のオンラインデザインツール。
  • Superdesigner - 数回のクリックでユニークな背景、パターン、シェイプ、画像などを作成できる無料のデザインツールのコレクション。
  • TeleportHQ - ローコードのフロントエンドデザイン＆開発プラットフォーム。TeleportHQは、ヘッドレススタティックウェブサイトを即座に作成し公開できる共同フロントエンドプラットフォームです。3つの無料プロジェクト、無制限の共同作業者、無料のコードエクスポートが可能です。
  • vector.express — AI、CDR、DWG、DXF、EPS、HPGL、PDF、PLT、PS、SVGベクターを高速かつ簡単に変換します。
  • Vertopal - Vertopalは、ファイルをさまざまな形式に変換するための無料オンラインプラットフォームです。JPG to SVG、GIF to APNG、PNG to WEBP、JSON to XMLなどの開発者向けコンバーターを含みます。
  • okso.app - ミニマリストなオンライン描画アプリ。素早いスケッチや視覚的なメモを作成できます。スケッチをPNG、JPG、SVG、WEBPにエクスポートします。PWAとしてもインストール可能です。誰でも無料で利用できます（登録不要）。
  • Wdrfree SVG - 白黒の無料SVGカットファイル。
  • Lucide - 無料でカスタマイズ可能で一貫性のあるSVGアイコンツールキット。
  • Logo.dev - URLを呼び出すのと同じくらい簡単な4400万以上のブランドに対応する会社のロゴAPI。最初の10,000回のAPI呼び出しは無料です。
  • MDBootstrap - 個人および商用利用無料のBootstrap、Angular、React、Vue UI Kits。700以上のコンポーネント、見事なテンプレート、1分間のインストール、豊富なチュートリアル、巨大なコミュニティを備えています。
  • TW Elements - Tailwind CSSで再作成された無料のBootstrapコンポーネントですが、より良いデザインとより多くの機能が備わっています。
  • DaisyUI -- 無料。「Tailwind CSSを使用しながら、より少ないクラス名で記述」という思想のもと、ボタンのようなコンポーネントを提供します。
  • Scrollbar.app -- Web用のカスタムスクロールバーを設計するためのシンプルな無料Webアプリ。
  • css.glass -- CSSを使用してグラスモーフィックデザインを作成するための無料Webアプリ。
  • hypercolor.dev -- Tailwind CSSカラーグラデーションの厳選されたコレクションで、独自のグラデーションを作成するための様々なジェネレーターも提供しています。
  • iconify.design -- 統一されたインターフェースを持つ100以上のアイコンパックのコレクション。パックを横断してアイコンを検索したり、個々のアイコンをSVGとして、または一般的なWebフレームワーク向けにエクスポートしたりできます。
  • NextUI -- 無料。美しく、高速でモダンなReact & Next.js UIライブラリ。
  • Glyphs -- 無料。ウェブ上で最も強力なアイコン、完全に編集可能で真にオープンソースのデザインシステム。
  • ShadcnUI -- 美しくデザインされたコンポーネントで、アプリにコピー＆ペーストできます。アクセシブル。カスタマイズ可能。オープンソース。
  • HyperUI -- 無料のオープンソースTailwind CSSコンポーネント。
  • Calendar Icons Generator -- ワンクリックで1年分のユニークなアイコンを生成。完全に無料です。
  • Image BG Blurer -- 画像ソースを背景のぼかしとして使用し、画像用のぼかし背景フレームを生成します。Notion、Trello、Jiraなどのツール向けです。
  • Webstudio -- Webflowのオープンソース代替。無料プランでは、自社ドメインで無制限のウェブサイト、カスタムドメイン付きウェブサイト5つ、月間1万ページビュー、2 GBのアセットストレージを提供します。
  • Nappy -- 黒人や褐色の人々の美しい写真が無料で、商用および個人利用可能です。
  • Tailkits -- Tailwindテンプレート、コンポーネント、ツールの厳選されたコレクションで、コード、グリッド、ボックスシャドウなど便利なジェネレーターも含まれています。
  • Tailcolors -- 美しいTailwind CSS v4カラーパレット。完璧なTailwind CSSカラークラスを即座にプレビュー＆コピーできます。
  • Excalidraw -- 無料のローカル保存とエクスポートをサポートする無料のオンライン描画ドキュメントウェブページ。
  • Lunacy -- オフラインサポート、組み込みアセット（アイコン、写真、イラスト）、リアルタイムコラボレーション機能を備えた無料のグラフィックデザインツール。無料ティアには、10個のクラウドドキュメント、30日間の履歴、低解像度アセット、および基本的なデザインツールが含まれます。
  • Flows -- オンボーディングとユーザーエンゲージメント体験を構築するための、完全にカスタマイズ可能な製品導入プラットフォーム。月間最大250トラッキングユーザーまで無料。