Resource - ジェネレーター

ヘッダに良く使われるアニメーションする背景を簡単に作れる・「Free Animated Headers」

Free Animated Headers See the Pen MWbjqPO by kachibito (@kachibito) on CodePen. Free Animated Headersはヘッダに良く使...

すりガラス風のCSSを、プレビューで確認しながらコードを生成できる・「Glassmorphism」

Glassmorphism Glassmorphismはすりガラス風のCSSを、プレビューで確認しながらコードを生成できるシンプルなWebアプリです。ぼかしの度合いと透過、色を設定する事が出来ます。 理屈は理解してても書くのが面...

様々なパターン背景をカスタマイズしてダウンロードできる・「Vector Pattern Generator」

Vector Pattern Generator Vector Pattern Generatorは様々なパターン背景をカスタマイズしてダウンロードできるWebアプリです。 よくある背景ジェネレーターですが、カスタマイズ性が割と...
Ads

ユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできる・「Pattern Generator」

Pattern Generator Pattern Generatorはユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできるWebアプリです。 用意されたパターンを選択肢てカラー等を設定して好みの...

写真をアップロードすると自動で背景を削除してくれるWebアプリ・「BACKGROUND REMOVER」

BACKGROUND REMOVER BACKGROUND REMOVERは写真をアップロードすると自動で背景を削除してくれるWebアプリです。 今までSlazzerやSocialBook Free Background Rem...

使用頻度の高そうなUIをその場で作ってコードを発行、コピーして使える・「CSSLab」

CSSLab CSSLabは使用頻度の高そうなUIをその場で作ってコードを発行、コピーして使えるWebサイトです。 ボタンやモーダルウィンドウ、各アニメーションエフェクト、矢印付きのボタンやリンクなどをその場でデザイン、CSSと...

シンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリ・「Pattern Monster」

Pattern Monster Pattern Monsterはシンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリです。 波状や罫線、レンガ状、方眼紙、、サークルを使ったものやスクエ...

Reactアプリ向けのローダーを作れるWebアプリ・「Loader generator」

Loader generator Loader generatorはReactアプリ向けのローダーを作れるWebアプリです。 ドットタイプのローダーで、ドットの数や色、サイズ(幅と高さ)、各ドット同士の距離、透過やアニメーション...

Googleフォントを使ったテキストのみのシンプルなロゴを作成、SVGやPNGでダウンロードできる・「Typography Logo Maker」

Typography Logo Maker Typography Logo MakerはGoogleフォントを使ったテキストのみのシンプルなロゴを作成、SVGやPNGでダウンロードできるWebアプリです。 Googleフォントを...

ジグザグや方眼紙、ストライプなど、シンプルなパターン背景をCSSのコードで提供する・「CSS Background Patterns」

CSS Background Patterns CSS Background Patternsはジグザグや方眼紙、ストライプなど、シンプルなパターン背景をCSSのコードで提供するシンプルなWebアプリです。 オブジェクトのサイズ...

アートな背景パターンを生成できるパターンジェネレーター・「PatternPad」

PatternPad PatternPadはアート風の背景パターンを生成できるWebアプリです。色やデザインも指定する事が出来ます。 設定できる項目は色、カラム数、スタイルとなっています。スタイルは既に用意されている雛型から選ぶ...

背景やポーズ、性別や顔を変更して好みのイラストを作れる・「Sapiens Character Builder」

Sapiens Character Builder Sapiens Character Builderは背景やポーズ、性別や顔を変更して好みのイラストを作れるイラストメーカーです。 パーツを組み合わせるシンプルなものですが、9つ...

さまざまなタイプのSVGの背景を手軽に作れるWebアプリ・「BGJar」

BGJar BGJarはさまざまなタイプのSVGの背景を手軽に作れるWebアプリです。既に用意されている雛型を元に好みの形にカスタマイズしてコードをコピーしたりDL出来る、というもの。 シンプルなものやアニメーションするもの、波...

レスポンシブなメニューを簡単に作れるオンラインツール・「Responsive Navigation Generator」

Responsive Navigation Generator Responsive Navigation GeneratorはRWDなメニューを簡単に作れるオンラインツールです。モバイルデバイス等ではハンバーガーメニューからスライド...

SVGのカスタムシェイプを直感的に作れるシンプルなWebアプリ・「Shape Divider」

Shape Divider Shape Dividerはヒーローイメージやセクション間で使えそうなSVGのカスタムシェイプを直感的に作れるシンプルなWebアプリです 実際に完成図を見ながらセッティング、作成できるので特別な知識な...

任意の模様でシームレスなパターンを生成できるWebアプリ・「patternico」

patternico patternicoは任意の模様でシームレスなパターンを生成できるWebアプリです 好みの画像を散りばめたシームレスなパターン画像を完成図を見ながら直感的に作成できる、というもの 画像はFontAwe...

いびつな形の要素をSVGで作れるWebアプリ・「Blobs」

Blobs Blobsはいびつな形の要素をSVGで作れるWebアプリです。Web APIのBlobやBinary Large OBjectとは関係なく、単に形状表したものになります アメーバのようなはっきりしない形状のシェイプを...

任意の画像から背景を削除して人物だけ自動で切り取るWebアプリ・「SocialBook Free Background Remover」

SocialBook Free Background Remover SocialBook Free Background Removerは任意の画像から背景を削除して人物だけ自動で切り取るWebアプリです もう結構前にremo...

CSS製の斜めやジグザグなどの境界を手軽に作れる・「CSS Section Separator Generator」

CSS Section Separator Generator CSS Section Separator GeneratorはCSS製の斜めやジグザグなどの境界を手軽に作れるジェネレーターです セクションが変わる所を分かりやす...

任意のWebサイトのURLを入力するだけでダークモード用のCSSを自動で作成してくれる・「Night Eye」

Night Eye Night Eyeは任意のWebサイトのダークモード用CSSを自動生成してくれるジェネレーターです 使い方も簡単でURLを入力するだけ。自動で解析し、ダークモードに対応したCSSを生成してくれます あと...

CSS製の円グラフを手軽に作れるWebアプリ・「CSS Pie Chart Generator」

CSS Pie Chart Generator CSS Pie Chart GeneratorCSS製の円グラフを手軽に作れるシンプルなWebアプリです 画像だと管理が面倒だしCSSだとコード書くのが面倒な円グラフなので地味に需...

ソフトなCSS Shadowを作れるシンプルなWebアプリ・「Neumorphism.io」

Neumorphism.io Neumorphism.ioはソフトなCSS Shadowを作れるシンプルなWebアプリです 上記や下部のような柔らかい印象の影を直感的な操作で作る事が出来ます ツールバーや背景のカラーピ...
Ads