Morflax Studio - 3D Mockups & Motion in Your Browser

ブラウザ上で3Dモックアップとモーショングラフィックスを制作。最大4Kで書き出し可能、インストール不要。

Summary

ブラウザだけで3Dモックアップとモーショングラフィックスをつくれるツール。アプリのインストールは不要で、書き出しは最大4Kまで対応する。

デバイス（iPhone 16、MacBook）、衣類（フーディ、Tシャツ）、パッケージ、ブランディングなど100以上のテンプレートが用意されていて、置き換えるだけで形になる。SVGを読み込んで立体化するVector to 3D、3Dアイコンや図形のジェネレータも備える。

カメラはFOV・ズーム・位置を細かく調整でき、背景はHDRIやグラデーション、スカイボックスを切り替えられる。エフェクトとポストプロセスもブラウザ上でかけられる。テンプレートは無料と有料が混在する。

URL: https://studio.morflax.com/DATE: 2026年6月30日

関連リソース

珍しいアニメーション付きReactコンポーネントの無料・オープンソースなレジストリ。Tailwind CSS、Motion、shadcn CLIで作られていて、コピペして自分のコードにできる。

サイト、Webアプリ、モバイル、コンポーネント、フローのデザインチェックリスト集。細部まで確認して、より良いものを出す。

クリック直後の0.5秒を扱うReact向けマイクロインタラクション集。54個のコンポーネントを、部品の種類ではなく人が何の最中かで10セクションに分類。ソースをコピーして使い、依存はmotionだけ。

デザインのScopeを、
もっと広げよう。

noteメンバーシップで、デザインの深掘り記事を毎週配信。

チームへのデザイン導入・研修もご相談ください。