トップ

ローディング

32件のアニメーション

Canvas Fire Loader
Canvasパーティクルで炎のように揺らめくローダー。
Canvas Pro
GSAP Cube Loader
GSAPのタイムラインで6面のキューブが回転しながらローディング表示。
GSAP Pro
Radar Sweep Loader
conic-gradientでレーダーのスイープ表示を再現したローダー。
CSS
SVG Gear Spinner
2つのSVG歯車が噛み合って回転するメカニカルなローダー。
SVG
Anime Orbit Loader
anime.jsで3つのドットが同心円軌道上を周回するローダー。
Anime.js
GSAP Liquid Loader
GSAPで円がスプラッシュのように変形しながら回転するリキッドローダー。
GSAP
Newton Cradle Loader
ニュートンのゆりかごをCSS transformで再現したフィジカルローダー。
CSS
Three.js Ring Loader
Three.jsのトーラスリングが多重回転するローダー。
Three.js Pro
Glitch Scan Loader
スキャンラインが上下に走るグリッチ風ローダー。clip-pathで実現。
CSS
Anime Bouncing Dots Loader
anime.jsの弾性イージングでドットが弾むようにバウンスするローダー。
Anime.js
SVG Circular Dash Loader
SVG円のstroke-dasharrayをJSでアニメーションするスムーズなローダー。
SVG
Canvas Dot Matrix Loader
Canvasでドットマトリクスが波状に明滅するローダー。
Canvas Pro
GSAP Morphing Bars Loader
5本のバーがGSAPタイムラインで波状に伸縮するローダー。
GSAP
Conic Gradient Spinner
conic-gradientと@propertyで回転角度をアニメーションする高度なスピナー。
CSS
SVG Morphing Shape Loader
SVGパスが三角形→四角形→円とスムーズにモーフィングするローダー。
Anime.js
Canvas Sine Wave Loader
Canvas上で正弦波が滑らかに流れるミニマルなローディング表示。
Canvas
Three.js Atom Loader
Three.jsで原子モデルのように電子が軌道上を周回するローダー。
Three.js Pro
Cascade Bars
バーが順番にカスケードするローダー。
CSS
Flip Coin Loader
コインが裏返るように回転するローダー。
CSS
Breathing Circle
呼吸するようにスケールするサークル。瞑想アプリ風。
CSS
Dot Grid Pulse
3x3ドットグリッドが波状にパルスする。
CSS Pro
Wave Line Loader
SVG風の波ラインが流れるローダー。
CSS
Bounce Dots
3つのドットが弾むローダー。軽快な印象。
CSS
Gradient Spinner
グラデーションが回転する美しいスピナー。
CSS Pro
Rotating Squares
2つの四角が交差しながら回転するローダー。
CSS Pro
Progress Line
画面上部を走るインジケーター。ページ遷移に。
CSS
Morphing Dots
2つのドットが変形しながら接近・離散するローダー。
CSS Pro
Bar Wave Loader
5本のバーが波打つイコライザー風ローダー。
CSS
Orbit Spinner
軌道を回る2つのドット。APIレスポンス待ちに。
CSS
Skeleton Loader
コンテンツ読み込み中に表示するスケルトンUI。
CSS
Dot Wave
3つのドットが波打つローディング。チャットUIの入力中表示に。
CSS
Pulse Ring
同心円がパルスする洗練ローディング。ダッシュボードに。
CSS
Proバッジ付きのアニメーションはProプランでコードをコピーできます。