REPOP WEBツール倉庫

ブラウザだけで完結する便利なWEBツール、WEBアプリが沢山あります

指定分置きに鳴るアラーム

指定分置きに鳴るアラーム

指定した時間間隔(分・秒)で定期的にアラーム音を鳴らすタイマーツール。バックグラウンド(非アクティブタブ)でも遅れず正確に計測。全10種類の豊富な通知音選択や再生回数、音量調整、一時停止機能、数値入力フォームでのリアルタイムカウントダウン表示が可能です。

色カード 記憶ゲーム

色カード 記憶ゲーム

色カードの配置を記憶し、点滅した場所の色を選択肢から当てる脳トレゲームです。

動物カード 記憶ゲーム

動物カード 記憶ゲーム

並んだ動物の位置を記憶し、指定された動物がどこにあったかを当てる脳トレゲームです。

ブロック数え 記憶ゲーム

ブロック数え 記憶ゲーム

3Dブロックの配置を見て、死角のブロックも推測して総数を当てる脳トレゲームです。

神経衰弱 記憶ゲーム

神経衰弱 記憶ゲーム

カードを記憶し、裏返された後にマーク付きカードがあった位置をすべて当てる脳トレゲームです。

あみだくじ 記憶ゲーム

あみだくじ 記憶ゲーム

一定時間表示されるあみだくじを見て、当たり(★)につながるスタート位置を当てる記憶・演算トレーニングゲームです。

フラッシュ暗算ゲーム

フラッシュ暗算ゲーム

ブラウザで遊べる足し算・引き算・掛け算のフラッシュ演算練習ゲームです。記憶力や頭の体操にどうぞ。

あなたが異世界転生する確率

あなたが異世界転生する確率

質問への回答から、自身が異世界転生する確率を計算します。

じゃんけんあいこ連続確率計算ツール

じゃんけんあいこ連続確率計算ツール

指定された人数から、じゃんけんであいこが連続する確率を計算します。

桜が舞うアニメーション ジェネレーター

桜が舞うアニメーション ジェネレーター

CSSとJavaScriptで、画面上部から風に吹かれながら優雅に舞い散る桜の花びらのアニメーションコードを生成します。

10秒ぴったりストップゲーム

10秒ぴったりストップゲーム

タイマーを見ずに10秒ぴったりでストップさせる時間感覚練習ゲームです。ランキング登録に対応。

ファイルの文字化け解消ツール

ファイルの文字化け解消ツール

文字化けしてしまうテキストファイル(Shift_JISやEUC-JPなど)の文字コードを自動判定してからUTF-8にデコードし、汎用的に使えるファイルを作成します。

リボ払い返済シミュレーター

リボ払い返済シミュレーター

借入残高や実質年率、毎月の支払額から、完済までの返済回数や手数料総額を計算します。元利定額・元金定額の両方式に対応。

JSONとXMLの相互変換ツール

JSONとXMLの相互変換ツール

JSONデータとXMLデータを相互に変換します。リアルタイムでの変換や、ルート要素・子要素名の指定に対応。

同じ誕生日の人に出会う確率計算ツール

同じ誕生日の人に出会う確率計算ツール

1996年〜2024年の日本の出生統計データに基づき、指定した誕生日の人と出会う確率や何人に1人の割合かを正確に算出します。

同じ生年月日の人の数を調べるツール

同じ生年月日の人の数を調べるツール

厚生労働省の人口動態統計データに基づき、1996年〜2024年の日本国内の出生データから、指定した生年月日に生まれた人の数を算出します。

双子が連続で生まれる確率計算ツール

双子が連続で生まれる確率計算ツール

出産の回数や双子の種類(一卵性・二卵性)から、連続して双子が生まれる確率を計算します。

連続で男の子または女の子が生まれる確率計算ツール

連続で男の子または女の子が生まれる確率計算ツール

子供の人数や性別割合から、連続して男の子または女の子が生まれる確率を計算します。

アニメーション付きハンバーガーメニュー ジェネレーター

アニメーション付きハンバーガーメニュー ジェネレーター

CSSとJavaScriptで、クリック時に3本線からバツ印へ変化するハンバーガーボタンと、画面外からスライドインするサイドメニューを自由にカスタマイズしてコード生成します。

万華鏡ジェネレーター

万華鏡ジェネレーター

CSSとJavaScriptで、Canvasを使用し幾何学模様が中心から対称に広がり色鮮やかに変化する万華鏡のような背景アニメーションを生成します。

3Dエンドロール ジェネレーター

3Dエンドロール ジェネレーター

CSSとJavaScriptで、映画のオープニングやエンディングのように画面の奥へ向かって流れる立体的な3Dテキストのスクロール演出を生成します。

モーダルウィンドウ ジェネレーター

モーダルウィンドウ ジェネレーター

CSSとJavaScriptで、表示位置、サイズ、開閉アニメーション、暗転オーバーレイの有無などを細かくカスタマイズできるモーダルウィンドウを生成します。

マトリックス風デジタルレイン ジェネレーター

マトリックス風デジタルレイン ジェネレーター

CSSとJavaScriptで、映画「マトリックス」のように上から下へとグリーンのコード文字が流れ落ちるデジタルレイン背景エフェクトを生成します。

紙吹雪が舞うアニメーション ジェネレーター

紙吹雪が舞うアニメーション ジェネレーター

CSSとJavaScriptで、指定したボタンをクリックした際などに画面内に色とりどりの紙吹雪がランダムに舞い落ちる演出を生成します。

波紋アニメーション ジェネレーター

波紋アニメーション ジェネレーター

CSSとJavaScriptで、クリックやタップした位置を中心に、同心円状の波紋が広がりながら消えていくインタラクティブなUIエフェクトを生成します。

スポットライトUI ジェネレーター

スポットライトUI ジェネレーター

CSSとJavaScriptで、マウスカーソルの動きに合わせて指定範囲をスポットライトのように明るく照らし、周囲を暗くマスクするインタラクティブなUIを生成します。

画像比較スライダー

画像比較スライダー

2枚の画像を重ねて、スライダーのドラッグ操作で左右に切り替えてビフォーアフターを比較できるインタラクティブな画像比較UIツールです。HTML/CSS/JSコードを取得できます。

水玉模様のCSSジェネレーター

水玉模様のCSSジェネレーター

背景色、ドットの色、ドットのサイズや間隔、配置パターン(格子状・千鳥状)を調整し、水玉模様(ドット背景)のCSSコードを生成します。

clamp()シュミレーター

clamp()シュミレーター

画面幅に応じて最小サイズから最大サイズまでフォントサイズを滑らかに自動スケーリングさせるCSSのclamp()コードを生成・シミュレートします。

傾いて落ちるボタンのCSSジェネレーター

傾いて落ちるボタンのCSSジェネレーター

ホバーするとぐらっと傾き、クリックすると画面外へと落下するボタン用のアニメーションCSSを生成します。

画像のフチぼかし(透過グラデーションマスク)のCSSジェネレーター

画像のフチぼかし(透過グラデーションマスク)のCSSジェネレーター

画像の端を透過グラデーションでぼかし、背景と滑らかに馴染ませるエフェクトを生成します。mask-imageを使用し、上下左右や円形など複数の方向にフェードアウト可能です。

文字の中に画像(マスクテキスト)のCSSジェネレーター

文字の中に画像(マスクテキスト)のCSSジェネレーター

指定した画像を文字の形に切り抜き、インパクトのあるテキストエフェクトを生成します。グラフィカルな見出しやタイトルの作成に適しています。

フリッカー・ネオン(点滅ネオン)のCSSジェネレーター

フリッカー・ネオン(点滅ネオン)のCSSジェネレーター

不規則な点滅を繰り返す、リアリティのあるネオンサイン文字のエフェクトを生成します。多重シャドウによる発光と透明度の変化で、レトロな雰囲気を演出します。

虹色に輝く枠線(レインボー・ローテート)のCSSジェネレーター

虹色に輝く枠線(レインボー・ローテート)のCSSジェネレーター

枠線が虹色に変化しながら回転し続ける視覚効果を生成します。conic-gradientを活用し、画像不要で軽量な実装が可能です。

ぷかぷか浮遊(フローティング演出)のCSSジェネレーター

ぷかぷか浮遊(フローティング演出)のCSSジェネレーター

要素が空中を漂うような、浮遊アニメーションを生成するツールです。

ぼんやり光るオーラ(グロー・オーラ)のCSSジェネレーター

ぼんやり光るオーラ(グロー・オーラ)のCSSジェネレーター

要素の背後に柔らかい発光エフェクトを追加し、呼吸するように明滅するアニメーションを付与するツールです。

文字の打ち込み演出(タイプライター)CSSジェネレーター

文字の打ち込み演出(タイプライター)CSSジェネレーター

文字が1文字ずつタイピングされるようなアニメーション効果を生成するCSSジェネレーターです。

物理的に押し込むボタン(3Dプッシュボタン)のCSSジェネレーター

物理的に押し込むボタン(3Dプッシュボタン)のCSSジェネレーター

クリックした際に沈み込むような、厚みのある3Dボタンを生成します。奥行き、押し込み感、カラーを直感的に調整可能です。

鏡面反射(ミラーリフレクション)のCSSジェネレーター

鏡面反射(ミラーリフレクション)のCSSジェネレーター

画像やテキストに対して鏡面反射(リフレクション)エフェクトを適用するCSSを生成します。方向、距離、不透明度を調整可能です。

円を描く文字(円形テキスト)のCSSジェネレーター

円を描く文字(円形テキスト)のCSSジェネレーター

入力したテキストを円形や半円に沿って配置。半径や回転角、文字の間隔を個別に調整して、円形状のタイポグラフィを作成できます。

紙の角めくれ(ペーパーカール)のCSSジェネレーター

紙の角めくれ(ペーパーカール)のCSSジェネレーター

カードの角がめくれたような視覚効果を付与。物理的に角を切り落とす clip-path を利用し、正確な形状とめくれ感を表現します。

階段状の影(ステップ・シャドウ)テキストのCSSジェネレーター

階段状の影(ステップ・シャドウ)テキストのCSSジェネレーター

テキストの背後に複数の影のレイヤーを等間隔で重ね、レトロポップな厚みのある階段状のエフェクトをCSSのみで生成します。

磨りガラスのSVGフィルタージェネレーター

磨りガラスのSVGフィルタージェネレーター

背景を物理的に加工し、磨りガラス(曇りガラス)のような質感にするSVGフィルターで表現します。

粒子グラデーションのSVGフィルタージェネレーター

粒子グラデーションのSVGフィルタージェネレーター

モダンなSaaSサイトで人気、ザラついた質感を持つ粒子グラデーション(Grainy Gradient)のSVGフィルターのグラデーション背景を生成します。

波紋・パルスアニメーションのCSSジェネレーター

波紋・パルスアニメーションのCSSジェネレーター

ボタンやアイコンの注目度を高める、波紋が広がるようなパルスアニメーションをCSSのみで生成します。JavaScript不要で軽量です。

流れるテキストのCSSジェネレーター

流れるテキストのCSSジェネレーター

JavaScript不要、CSSのみで流れるテキスト(Marqueeアニメーション)を生成します。

オーロラ背景のCSSジェネレーター

オーロラ背景のCSSジェネレーター

オーロラのようなアニメーションのある背景をCSSのみで生成。モダンなSaaSやポートフォリオに適した演出が可能です。

波打つ境界線アニメーションのCSSジェネレーター

波打つ境界線アニメーションのCSSジェネレーター

css-wave-dividerのアニメーション版です。セクション間に配置できる、流れるような波のデザインを生成します。