モダンCSSで実装された、UIデザイン用の美しいグラデーションとジオメトリックの背景パターン -Pattern Craft
Post on:2025年9月3日
sponsorsr
Webサイトやスマホアプリに最適、モダンCSSとTailwind CSSで作成されたプロ仕様の背景パターンとグラデーションを紹介します。
100種類以上の背景パターンとグラデーションはシームレスに設計されているので、あらゆるサイズで利用できます。

Pattern Craft
Pattern Craft -GitHub
Pattern Craftは優れたデザインを重視するデベロッパー向けに、100種類以上の背景パターンとグラデーションをまとめたサイトです。背景パターンとグラデーションはモダンCSSとTailwind CSSなので、コピペで簡単に利用できます。
MITライセンスで、個人でも商用プロジェクトでも無料で利用できます。

Pattern Library -Pattern Craft
これらの背景パターンとグラデーションのコードは、React, Next.js, Vue, Angularなどのフレームワークを使用するデベロッパーやデザイナーに最適です。

背景パターンとグラデーションは、5つのカテゴリに分けられています。
- Gradients
- Geometric
- Decorative
- Effects
- Favourites
Geometricには、幾何学模様のパターンが揃っています。

白地のGeometricもさまざまなパターンが揃っています。

Decorativeは最近見かける、繊細なグラデーションです。

Effectsにはオーロラのような美しいグラデーションが揃っています。

それぞれの「Preview」をクリックすると、その背景パターンとグラデーションがページ全体に適用されます。

Decorativeの左上のグラデーションで「Preview」をクリックすると、そのグラデーションが適用されます。
sponsors