

CSSアニメーション ギャラリー|100種+3D・フリップカードをコピペで使える
100種類のアニメーション+3D(フリップカード・キューブ・メリーゴーランド)をプレビュー → 調整 → CSSコピペで使える
Use "Request" to ask the creator to set up tip receiving.
Discover more apps
View all→
clip-path ジェネレーター|CSSの切り抜き・図形をドラッグで作成(無料)
clip-path ジェネレーターとは、CSSのclip-pathプロパティの値を、図形をドラッグするだけで作れる無料ツールです。

スライダー/カルーセル ジェネレーター|Swiper・Splide・Slickのコードを無料生成
画像スライダー(カルーセル)のコードを Swiper・Splide・Slick の3ライブラリで同時に生成。

Liquid Glassジェネレーター|WebGLでApple風の液体ガラスUIをコード生成(無料)
AppleのLiquid Glass(液体ガラス)をWebGLで再現。屈折・色収差・すりガラスを調整して、コピペできるコードを生成します。

画像圧縮・WebP変換ツール|JPG・PNG・WebP・AVIF・SVG変換とリサイズがブラウザで完結
画像圧縮・WebP変換・切り抜きがブラウザで完結する無料ツール

Color Palette generator
1色選ぶと、その色に合ったカラーパレットを生成してくれる。

OGPプレビューツール
Twitter(X)・Facebook・LINE・はてブ・Linkedln・Pintarest・noteの7つのSNSプレビューをリアルタイムで一括確認できる無料ツール

ap12's ToolBox
開発者向けの様々な細かいツールを集めたwebサイトです。

Web Logic Simulator
ただの回路シミュレーター。電卓、ゲーム、何でも作れる

NCS Visualizer | WebGL2 リアルタイム音楽可視化
NCS風を今すぐに

ShortClip
日本語の長尺インタビュー動画のショート動画生成ツール

MemoLinker
URLを、最速で保存・整理。共有シートからワンタップで追加できるメモアプリ

無料SEO診断ツール|RINIAディレクターが使うSEO_CHECK
プロの判断基準でSEOを診断 改善コードまで自動生成 競合サイトキーワード調査機能など

ASCII Art Logo Generator
ブラウザ上で、簡単に記号を使ったASCIIアート文字を生成することができます。 4種類のASCIIフォントを用意しています。 フォントはすべて自作です。

テキスト画像化ツール font2png
自由にフォントを選んで、好きな文字の縁取り・影付きpngを作れるwebサイトです

GanChan
GanChan は、ブラウザで動作するシンプルなガントチャートアプリです。

GamingTimer
ゲーム内の時間、今何時?を可視化する。

デスク画面用(仮称)
[期間限定公開] Webサイトへ簡単アクセスを!

無料diffツール|コード差分チェッカー CodeDiff Checker|CodeQuest.work
CodeDiff Checkerは、2つのコードやテキストの差分を視覚的に確認できる無料のオンラインツールです。登録不要・インストール不要で、ブラウザだけで使えます。コードはサーバーに送信されないため

フラッシュ暗算
自分の実力に合わせてフラッシュ暗算が出来ますよ!

Tier表作成ツール
アイテムをドラッグ&ドロップでS〜Dにランク付け。テキストや画像を追加して自分だけのTier表を作成。画像として保存も可能。

戦略 & CRO 分析ツール
ビジネスモデル、競合マッピング、ページごとのCRO(CVR最適化)診断までを瞬時に。 データに基づく戦略的成長のヒントを、AIが数秒で抽出します。

AI背景透過ツール(無料)|人物・商品の被写体を自動切り抜き・ブラウザ完結で安全
AIが被写体を自動検出して背景を削除。登録不要・回数制限なしの無料ツール

ブラウザでクラシックペニーアーケードゲームを体験
超レトロゲーム!

変換くん
ブラウザの端末内でファイルを変換するサイト
Feedback(2)
Share your thoughts, bug reports, or suggestions directly with the developer
自分のアプリケーションはユーザー体験にこだわって、CSSにもこだわっていたりするのですがCSSとか都度調べていたりしていたので、このアプリケーション見た時にすごい便利!と思いましたmmただ、個人的に視覚的にホバーじゃなくて常に動いている様子の方が直感的にわかりやすいかも?と思いました。
@SenLe1024 コメントありがとうございます! デフォルトですべて再生すると、 W3C の WCAG(アクセシビリティ国際標準) 「前庭障害・光過敏・乗り物酔い体質への配慮」のルールに抵触し、prefers-reduced-motion(OSの「視差効果を減らす」設定)を尊重の考え方からオフにしています。ただ初期再生のお声もあるとおもうので、設定保存機能も追加しました。 サイドバーから設定してみてください。
Log in to share your feedback
Log in to leave feedback