Device Morph Stage

Show your product across Phone, Tablet, and Desktop inside one continuously transforming device frame.

Device Morph Stage is a customizable Framer component for SaaS landing pages, product showcases, portfolios, and cross-platform launches. One persistent device smoothly morphs between three predefined shapes while your screenshots or videos transition with it.

Included

• Phone, Tablet, and Desktop states with a continuous morph animation

• Independent image or video per device

• Warm, Dark, and Custom themes

• Custom frame and accent colors

• Adjustable bezel, camera treatment, shadows, and reflections

• Responsive layouts, including compact mobile presentations

• Touch and mouse swipe navigation

• Keyboard-accessible device selector

• Spring, Smooth, and instant transitions

• Reduced-motion support

• Built-in demo UI when no media is provided

• Setup documentation and no additional package installation in Framer

Customize the enabled devices, media, appearance, selector, swipe behavior, and motion directly from Framer.

Compatibility and limitations

Built for Framer Code Components. Responsive layouts have been verified from 320px through 1440px. Device geometries and orientations are predefined to preserve morph quality. The built-in workspace UI is illustrative and is replaced by your own images or videos.

Documentation: setup, customization, troubleshooting, and updates

Support: arforgelabs.support@proton.me