SNS等のローディングで見かけるプレースホルダーをSVGで作れる・「Create Content Loader」

Ads

Create Content Loader


Create Content LoaderはSNS等のローディングで見かけるプレースホルダーをSVGで作れるWebアプリです。

FacebookのカードやInstagramなどで読み込み中にコンテンツのシルエット丸ごとプレースホルダーにした、みたいなアレ。

試しに作ってみました。

Ads

スクエアかサークルの任意のオブジェクトを作成して配置、色やアニメーション速度を設定します。

また、ユーザーによって作られたサンプルもいくつか公開されています。

コードはReactやVue、SVGから選択可能で、今後はgifでのエクスポートも予定されてるみたいです。

本アプリはOSSとしてもソースコードが公開されています。ライセンスはMIT。

Create Content Loader

タイトルとURLをコピーしました