ヒーローセクションの背景に役立つ5つのサイト（波のSVG背景）
デザインが得意でなくても、
簡単にSVG背景を作成できる便利なツールがたくさんあります。
Webページのヒーローセクションなどに、SVGの背景画像を利用することで、明るい印象を与えることができるのでおすすめです！
さて、今回は、ヒーローセクションの背景に使えるウェーブ（波）を生成できるサイトをリサーチしたので、結果をこの記事にまとめました。
時間の節約になれば、嬉しいです！
1. Haikei
Haikeiは、素晴らしいビジュアルコンテンツを生成するウェブアプリです。デザインツールやワークフローですぐに使用できます。
これは、ユーザー登録なしで、無料で使えるツールです。
ウェーブ（波）の背景以外にも、円形の水玉模様や、グラデーションなどの様々な背景を作成できます！
操作も簡単なので、おすすめです。
2. Shape Divider
デザイナーや開発者が美しいSVGをエクスポートしやすくするために、作成されたカスタムツール。
これは、先述した「Haikei」とよく似たサイトです。
カスタマイズしながら、様々な背景を作成し、エクスポートすることができます。
3.omatsuri
日常使用のためのオープンソースのブラウザツール
Omatsuriは、背景の作成ツールだけでなく、
開発者向けの12種類のツールを提供するオープンソースのWebアプリケーションです。
便利ツールが詰まった、「オールインワンアプリ」のようなサイトなので、ブックマーク推奨です。
4.SVG Wave
小さくてカスタマイズ可能なグラデーションSVGウェーブジェネレーター
SVG Waveは、色やグラデーションをカスタマイズしながら作成するための、シンプルなサイトです。
また、Preact、tailwindで構築された、オープンソースのプロジェクトでもあります！
GitHubのリポジトリ:
5.BGJar
あなたのウェブサイト、ブログ、アプリのための無料のsvgバックグラウンドジェネレータ。
このサイトには、
ウェーブのデザイン以外にも、様々な種類の背景デザインが用意されています。
どんな背景デザインにしようか決まっていない場合は、こちらのサイトがおすすめです！
おわりに
最後まで読んでいただき、ありがとうございます😎
下記の開発中に、調べたことの記録のような記事ですが、
少しでも参考になれば、嬉しいです！
また、よかったらこちらのサイトも、チェックしてみてください！
好きな絵文字を入力して、初めてのOSSコントリビューションを体験できます！
Happy Hacking !
Discussion